利用vue-cli脚手架创建项目

首先你要确保你的电脑上全局安装过node和webpack
安装脚手架之前，先在终端上输入vue -V来查看一下自己之前是否安装过
若没有安装则可以在自己本地的目录下安装脚手架，命令：

vue-cli2.x.x版本:

安装vue-cli 2.x.x版本：
npm install -g vue-cli

2版本的创建项目是在终端中调到你将要放置的目录下输入
vue init webpack 你自己起的名字
（下面的配置忘了都有什么，到时可以自己斟酌，看不懂了可以去百度一下）

卸载vue-cli 2.x.x版本：
npm uninstall -g vue-cli

vue-cli 3.x.x+版本:

安装vue-cli 3.x.x版本：
npm install -g @vue/cli

3.+版本创建项目
vue create 你自己起的项目名字

下面的配置大概如下：
1.在你创建完自己的项目后，敲回车后第一个问题是是否使用淘宝的配置情况，这个一般选择的是自己来配置，所以选择N(no)

2.回车后，就是选组件，就是新功能的插件，提供的两种选择有默认（default）和手动（manually），这个按键盘上下键来选择，选择手动（manually）

3.选创建项目需要的配置东西，按键盘上下键选择，空格键选中，对于我们来说，Babel,Router,Vuex是必须的，其它的看个人情况吧

4.是否选择history模式，如果是history mode，则我们平时在地址里输入的网址正常就是http://127.0.0.1:8080/lid=5(随便举的例子)，若不是history mode,则地址是http://127.0.0.1:8080/#/lid=5(多了个/#),同时前者需要在服务端配置重定向。

5.保存在一个配置文件中，我们选择package.json

6.是否保存现在选择的配置为将来项目的配置，这个选择no

到此一个项目就创建好了，在终端里输入npm run serve 运行

看到下方有这种地址就说明你的脚手架已经创建项目好了

去地址栏里输入localhost:8080会看到如下图：