新建vue webpack项目
2019-12-03 本文已影响0人
顺小星
一、创建项目
![](https://img.haomeiwen.com/i18344853/7cf8d81c40fe7e6c.png)
vue init webpack lalala
1、报错:
【 Command vue init requires a global addon to be installed.】
2、解决办法:
运行下列代码,全局安装依赖:
![](https://img.haomeiwen.com/i18344853/2d8571a76e8581d0.png)
npm install -g @vue/cli-init
3、重新创建项目:
vue init webpack woshizhu
创建时有询问事项,一路enter即可。
![](https://img.haomeiwen.com/i18344853/d3a9067f42b23d52.png)
二、运行项目
npm run dev
项目可成功运行,且在pc端OK
![](https://img.haomeiwen.com/i18344853/211e0f6102ffe5eb.png)
1、类似报错:
![](https://img.haomeiwen.com/i18344853/a2c1c40eea030547.png)
2、解决办法:
在vue-cli脚手架中eslint关闭代码规范,
A.打开 build文件夹下面的webpack.base.conf.js;
B.找到下面这段代码,并将它注释掉:
![](https://img.haomeiwen.com/i18344853/00a73ce09b556a63.png)