vue脚手架的小注意事项

安装@vue/cli出错

出现以下提示信息的错误

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

解决办法

npm cache clean --force

注意安装的脚手架的区别

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

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

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

module.exports = {
  publicPath: './',
}

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

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

解决办法

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

module.exports = {
  lintOnSave: false//
}