从Nodejs安装到VUE脚手架安装项目运行

文章中所有cmd都是用管理员权限打开的，防止出现文件夹访问权限问题！！

1.安装Nodejs

        这一步一定要记住安装的路径！！后面要用到的

• 官网:Node.js
• 官网的所有历史版本:Previous Releases | Node.js
• 亲测win7最高支持版本v13.14.0
• 一般情况下最新的稳定版就可以（下图中的长期维护版）

 2.配置Nodejs

1. 进入node的安装路径
2. 创建下图所示两个文件夹（ node_cache 和 node_global ）
3. 用管理员权限打开cmd，运行以下两行代码

   npm config set prefix "D:\TEST\Program\nodes\node_global"

   npm config set cache "D:\TEST\Program\nodes\node_cache"

   ""中的路径分别对应你的电脑的这两个文件路径

4. npm不是内部或外部命令(执行上面两个语句的时候有一定概率碰到,cmd提示npm不是内部或外部命令)

   npm不是内部或外部命令解决方案_Chersresting-CSDN博客
5. 配置淘宝镜像,因为npm默认下载地址是国外的,国内使用下载速度很慢

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

6. 安装vue脚手架

   npm install -g @vue/cli

   这一过程需要耐心等待,进度条有可能卡住,卡住的时候按回车,如果这一步耗时超过20分钟建议检查一下网速，再看一下自己淘宝镜像有没有配置

7. 创建vue项目
   1. 进入要创建项目的目录,比如我想创建在这里

    那我就要从cmd进入这里然后运行(vue_temp 是项目名称,可以随便更改,正常名字都行,不要用vue和jquery这种关键字)   

   vue create vue_temp

   如果这里提示vue不是内部或外部命令,去找到node_global，如果有vue相关文件就是下载成功了，去配置一下环境变量就不会报错了，环境变量配置方法参考上方npm链接（注意：vue的环境变量值要改为vue的路径，例子：   D:\TEST\Program\nodes\node_global）

    

    看一下项目文件有没有被创建然后回到cmd

    

   cmd不要关！！！ cmd不要关！！！ cmd不要关！！！ 打开浏览器输入上面的local地址：http://localhost:8080/

   界面加载成功，证明项目没有问题，cmd界面按下 ctrl + c 就能停止项目的运行    剩下的vue相关代码编写就可以开始了