1、下载安装node.js
地址:https://nodejs.org/en/
node -v //查看node.js版本信息
npm -v //查看npm版本信息
2.安装国内镜像cnpm
npm install cnpm -g --registry = https://registry.npm.taobao.org
或:npm install -g cnpm //安装国内镜像Cnpm
3.安装脚手架
cmd输入命令:
npm install -g vue //全局安装vue
npm install -g webpack //全局安装webpack
npm install -g vue-cli //全局安装vue-cli
4.使用vue-cli构建vue项目模板
进入想要存放项目模板的目录:
cmd输入命令:
vue init webpack vueProject //构建项目模板
vueProject:项目模板存放文件夹名称
Project name://项目名称
Project description://项目描述
Author://作者
Install vue-router? //是否安装vue路由
Use ESLint to lint your code?: //是否使用ESLint管理代码
Setup unit tests with Karma + Mocha? : //是否安装单元测试
Setup e2e tests with Nightwatch?: //是否安装e2e测试
下载构建完成之后,进入到项目文件夹下:
cmd输入命令:
npm install //初始化安装依赖
npm run dev //启动项目
注意事项:
如报cmd.exe相关错误,配置环境变量:
Path中新建:
%SystemRoot%\System32;
C:\Windows\System32