【1】用命令行搭建Vue项目

先安装Node.js

http://nodejs.cn/download

推荐国人安装淘宝npm镜像

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

然后创建一个空文件夹，在资源管理器地址栏输入cmd，回车然后输入

cnpm install vue-cli -g

vue init webpack projectName（您的项目名称）

大概会下载安装几分钟，直到出现就代表安装搭建成功了

找到对应的Vue目录（这里是projectName），里面大概会有这些文件

在资源管理器地址栏输入cmd，然后输入cnpm run dev

直到出现

复制http://localhost:8080即可访问vue项目了，大概是这样的界面

【提示】

如果遇到运行的时候报错提示：Use // eslint-disable-next-line to ignore the next line.

找到build/webpack.base.conf.js文件，找到这行代码注释掉就可以了！

//...(config.dev.useEslint ? [createLintingRule()] : []),

如何让命令自动运行并且在浏览器打开项目？

找到config/index.js修改其中的autoOpenBrowser为true，保存重新运行项目即可。

【扩展阅读】

Vue项目引用Element UI（饿了么框架）初期配置