创建vue项目过程中的注意事项

 Vue安装及环境配置、开发工具_袁小萌同学的博客-CSDN博客_vue安装及环境配置

我是根据袁小萌同学的博客进行vue安装的，但是在安装过程中依旧出现了一些错误，经过各种尝试以后才安装成功，为了防止以后出现类似错误，我总结了以下：

vue-cli 2.x创建项目

        由于我把nodejs安装在G盘了，但是在创建项目的时候总是报484 not permitted的错误，上网查有人说是权限问题，然后我就以管理员身份运行终端，结果发现在创建的时候会直接报错。

我又试了试直接创建在c盘，发现没有报错，能够正常显示网页。

vue-cli 3.x创建项目

        我以为按照vue-cli 2.x 创建的方式放在c盘就行了，结果3.x再次踩坑，还是因为权限不允许。

        我不得不查找怎么开放用户权限，因为之前试过开放G盘权限给用户，右击G盘->属性->安全->编辑->完全控制，不知道是什么原因，报错还是因为权限不通过，于是我把nodejs，nodejs_global，nodejs_cache，nodejs_modules这几个文件权限全都改成用户完全控制，最后在c盘创建项目发现成功了！

        之后又在G盘创建项目，发现也成功了。

        最后总结就是：该来的总是要来的，不要想着怎么绕坑，要想怎么填坑！

还有在安装过程中遇到的其他问题：

1. 输入命令

vue init webpack 项目名称

出现

'eslint'不是内部或外部命令，也不是可运行程序或批处理文件

我找到的解决方法如下：

（1） win+X以管理员身份运行终端

（2）输入

npm -g i eslint-cli

（3）进入项目文件下cmd

（4）输入

npm i eslint --save-dev

然后继续

cd 项目名称

npm run dev

2. 输入

npm install vue -g

出现

npm ERR! code EPERM 
npm ERR!sys call mkdir
...

这里也是权限问题，我最开始的解决方法是以管理员身份运行终端，再输入

npm install vue -g

但是以管理员运行终端的时候不能查看版本，直接win+r，输入cmd进入终端就可以查看版本了。类似于以上报错基本都是因为权限问题，直接管理员运行下载就好了。

3. 出现

webpack-dev-server not installed

      我的解决方法是：

      以管理员身份运行终端，输入

npm install webpack -g
npm install webpack-cli -g
npm install webpack-dev-server -g

        这里要注意，-g是全局安装的意思，我在前面安装vue的时候也是全局安装，后面加-g。

4. 在我第二天打开项目想npm run dev的时候，出现以下

[webpack-cli] Error: Unknown option '--inline'

[webpack-cli] Run 'webpack --help' to see available commands and options

试了试网上说的能找到的方法都不行，于是我就重新创建了一个项目，新项目创建命令如下：

vue create 项目名称

然后发现打开项目的命令是错的，正确的命令应该是：

npm run serve

我的问题大概就是以上几点，如果有需要欢迎讨论！