Vue-cli环境布置——windows

128 阅读1分钟

准备工作

1.nodejs npm

2.vue-cli

nodejs安装

nodejs官网下载地址nodejs.org/en/download…

找到自己需要的版本直接安装,打开安装包后基本一路next就可以了,无需特殊配置项选择。

安装完成后打开cmd

分别输入node -vnpm -v 如果版本号查询成功则安装成功。

最后替换npm源执行npm install -g cnpm --registry=https://registry.npm.taobao.org安装淘宝镜像

之后在执行npm的时候使用cnpm 例:cnpm install

vue-cli安装

执行npm install -g vue-cli

安装完成后执行vue --version查看版本

创建项目

cmd中进入所需创建项目的文件夹

执行vue init webpack 项目名

image.png

完成后cd 进入项目文件夹,执行npm run dev 即可运行项目