让Vue-cli生成vue+webpack的项目为vue1.0版本以及端口占用问题解决办法

Vue-cli生成1.0版本的vue+webpack的项目模板

还记得我们上篇用vue-cli构建vue项目吗，当我们打开elema项目中package.json的时候，发现：

也就是说，运用此种方式构建的默认是Vue2.x,

 npm install -g vue-cli
 vue init webpack my-project（项目名称 我的是elema）
 cd my-project（项目 elema）
 npm install
 npm run dev

如果要使用Vue 1.x的话，执行下面的操作

 npm install -g vue-cli
 vue init webpack#1.0 my-project(项目名称my-elema)
 cd my-project(项目名称 my-elema)
 npm install
 npm run dev

我呢还是在E盘中的vueProjects中构建我的my-elema项目：

当运行我的项目时，提示端口号被占用了。想想也是，我上一个elema项目就是构建在E盘中的vueProjects中的，它的默认端口号为8080,已经被占用了。肿么办!很简单，修改我新建的my-elema项目的端口号。

vue项目端口号被占用解决办法

打开我的my-elema项目，找到config中的index.js文件，打开 并找到dev中的port:8080端口修改为4040（这个你随便写吧，只要这个端口号不被占用就行啦）

重新运行我们的项目 npm run dev

在浏览器中输入localhost:4040就可以看到我们新建的项目运行啦。

此刻再打开my-elema项目中的packag.json文件，发现vue变成了vue1.x版本啦.这样问题就解决啦。继续开开心心学习vue啦！