让Vue-cli生成vue+webpack的项目为vue1.0版本以及端口占用问题解决办法
Vue-cli生成1.0版本的vue+webpack的项目模板还记得我们上篇用vue-cli构建vue项目吗,当我们打开elema项目中package.json的时候,发现:也就是说,运用此种方式构建的默认是Vue2.x, npm install -g vue-clivue init webpack my-project(项目名称 我的是elema)cd my-project(项目
·
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啦!
更多推荐
已为社区贡献5条内容
所有评论(0)