记录生活中的点点滴滴

0%

vue脚手架的小注意事项

安装@vue/cli出错

出现以下提示信息的错误

1
2
3
4
5
6
7
8
9
10
npm ERR! The operation was rejected by your operating system.
npm ERR! It's possible that the file was already in use (by a text editor or antivirus),
npm ERR! or that you lack permissions to access it.
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator (though this is not recommended).

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2019-05-18T14_09_28_926Z-debug.log

解决办法

1
npm cache clean --force

注意安装的脚手架的区别

1
2
npm install -g vue-cli --安装的是2.x版本的
npm install -g @vue/cli --安装的是4.x版本的,要用这个命令

vuecli3打包后dist目录下的index.html打开为空解决办法

项目根目录创建vue.config,js文件。内容填入

1
2
3
module.exports = {
publicPath: './',
}

vuecli 4.0版本开启了eslint代码报错导致编译失败

vuecli 4.0开启了eslint代码检测,导致稍微代码有一点点不规范就报错,导致编译失败。百度找了很多方法都是cli3的处理方法,cli3的处理方法在cli4里面连文件夹都找不到,因为cli4的目录结构发生了很大的变化。

解决办法

首先,在项目的根目录创建vue.config.js文件对项目进行单独配置,在vue.config.js中添加代码

1
2
3
module.exports = {
lintOnSave: false//
}