使用Vue-cli脚手架工具构建Vue项目

1.首先安装node.js，到node.js官网进行下载

可参照：https://www.runoob.com/nodejs/nodejs-install-setup.html

2.搭建vue项目，选择文件夹打开命令行

//全局安装 vue-cli
$ npm install -g vue-cli
//创建一个基于“webpack”模板,名为myDemo的新项目
$ vue init webpack myDemo 
//打开新新项目
$ cd myDemo
//安装依赖
$ npm install
//运行
$ npm run dev

此时基于“webpack”模板的vue项目已经搭建完成。

注意：如果使用npm下载太慢的话可以安装cnpm，将npm指令换为cnpm。

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

在创建新项目时需要对项目进行设置

Project name //项目名称，直接回车
Project description //项目描述，按需要进行输入
Author //作者，输入自己名字
Use ESLint to lint your code? //是否使用ESLint，一般不使用
                              //（使用键入y，不使用键入n，直接回车默认为y）
Setup unit tests with Karma + Mocha? //是否使用单元测试，一般不使用
Setup e2e tests with Nightwatch? //是否使用e2e测试，一般不使用

? Project name myDemo
? Project description A Vue.js project
? Author sisi-chen
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm