VUE安装的大坑

野性酷女 2021-11-22 13:32 340阅读 0赞

第一步默认安装就可以了

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgyNzAx_size_16_color_FFFFFF_t_70][]

第二步查询一下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgyNzAx_size_16_color_FFFFFF_t_70 1][]

查看环境变量

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgyNzAx_size_16_color_FFFFFF_t_70 2][]

安装好noedeJS然后继续安装下一步

3、执行npm install --global vue-cli ，全局安装vue-cli

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgyNzAx_size_16_color_FFFFFF_t_70 3][]

\----因为默认是从国外服务器下，可以使用阿里巴巴在国内的镜像服务器。  
  
产生通过config命令设置默认下载路径：

npm config set registry https://registry.npm.taobao.org

然后再执行：

npm install --global vue-cli

4、安装后，检查是否安装成功

vue -V (在此注意V为大写)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgyNzAx_size_16_color_FFFFFF_t_70 4][]

5、使用vue建一个项目名叫 “test”（vue init webpack test），注意项目名不能有大写。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgyNzAx_size_16_color_FFFFFF_t_70 5][]

后面需要跳转页面安装路由

npm install vue-router

如果运行vue报错

# [npm WARN enoent ENOENT: no such file or directory, open 'C:\\Users\\package.json'][npm WARN enoent ENOENT_ no such file or directory_ open _C_Users_package.json] #

在使用 npm 命令安装常用的 Node.js web框架模块 **express时出现：**

**![aHR0cHM6Ly9pbWFnZXMyMDE3LmNuYmxvZ3MuY29tL2Jsb2cvMTEwMjIyMi8yMDE3MTAvMTEwMjIyMi0yMDE3MTAyMjIzNTE1MTA1Mi04NDY1NjQ1NTgucG5n][]**

解决方法是

**在命令行切换到安装nodejs文件下的nodejs\\node\_modules\\npm  后执行npm install express  
比如我的安装路径是：  
K:\\Program Files\\nodejs\\node\_modules\\npm\\node\_modules**

**![aHR0cHM6Ly9pbWFnZXMyMDE3LmNuYmxvZ3MuY29tL2Jsb2cvMTEwMjIyMi8yMDE3MTAvMTEwMjIyMi0yMDE3MTAyMjIzNTQzODQ5MC0xODgwNjIxNDYxLnBuZw][]**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgyNzAx_size_16_color_FFFFFF_t_70]: /images/20211122/f495b33d37b34ca7953facb308fb5e26.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgyNzAx_size_16_color_FFFFFF_t_70 1]: /images/20211122/f70cb52f40404cc7b24031ceb3bf047c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgyNzAx_size_16_color_FFFFFF_t_70 2]: /images/20211122/6f4906db0f384b9e82c8f174f70e4dc6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgyNzAx_size_16_color_FFFFFF_t_70 3]: /images/20211122/aad705bb48574792b1d6bbd247ce8a73.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgyNzAx_size_16_color_FFFFFF_t_70 4]: /images/20211122/6fcfc9c31fc54281b98d822b88ca640a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgyNzAx_size_16_color_FFFFFF_t_70 5]: /images/20211122/45a6104374a2469db2a6fe61379b27e8.png
[npm WARN enoent ENOENT_ no such file or directory_ open _C_Users_package.json]: https://www.cnblogs.com/phpper/p/7712738.html
[aHR0cHM6Ly9pbWFnZXMyMDE3LmNuYmxvZ3MuY29tL2Jsb2cvMTEwMjIyMi8yMDE3MTAvMTEwMjIyMi0yMDE3MTAyMjIzNTE1MTA1Mi04NDY1NjQ1NTgucG5n]: /images/20211122/bb78c3507a41430491e64779da0a2f8f.png
[aHR0cHM6Ly9pbWFnZXMyMDE3LmNuYmxvZ3MuY29tL2Jsb2cvMTEwMjIyMi8yMDE3MTAvMTEwMjIyMi0yMDE3MTAyMjIzNTQzODQ5MC0xODgwNjIxNDYxLnBuZw]: /images/20211122/c40d7da681a74aafabf555ff9c9ad57a.png