1.全局安装Vue CLI
cnpm install vue-cli -g
尚未安装cnpm可以输入：
npm install cnpm -g --registry=https://registry.npm.taobao.org
用来安装国内淘宝镜像源的cnpm。
在命令执行结束后，输入：
vue --version
控制台打印出版本号，则表示安装成功。
2.初始化项目
vue init webpack <project-name>
这一步需要下载项目一些信息，回车后需要等待一点时间才会出现配置项。
进行配置的时候，其中的 Set up init tests?和Setup e2e tests with Nightwatch?选择no，最后一项也选择no，因为npm的镜像源在国外，安装依赖的速度缓慢且容易出错，建议使用cnpm安装依赖。
3. 安装项目依赖
cnpm install
4. 构建开发版本
现在我们可以看到我们新建的项目已经存在目录了，运行
cd <project-name>进入该项目后再执行
npm start
这一步构建项目的开发版本，并启动webpack-dev-server。
现在项目就可以在浏览器上打开了，在浏览器的地址栏输入
http://localhost:8080。
5. 构建项目的生产版本
npm run build
网友评论