让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啦！