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啦!

这里写图片描述

Logo

前往低代码交流专区

更多推荐