基于node.js 14.18.1的Vue2.9.6环境的搭建

从nodejs到vue经历了曲折的一段路，在此记录一下
参考：讲的超好！
https://www.bilibili.com/video/BV1if4y1X7BS?share_source=copy_web

一、node.js

1. 下载

   中文网:http://nodejs.cn/（建议)
   官网：https://nodejs.org/zh-cn/

2. 找到这个文件
   
   下载、双击安装
   注：此处的安装路径D:\Program Files\nodejs
   此目录下，新建文件node_cache、node_global

3. 打开DOS窗口，设置缓存路径：

 npm config set cache "D:\Program Files\nodejs\node_cache"

4. 打开DOS窗口，设置全局模块存放路径：

npm config set prefix "D:\Program Files\nodejs\node_global"

5. 打开DOS窗口，设置淘宝镜像： npm install -g cnpm --registry=https://registry.npm.taobao.org 出现错误：
   这一步是通过国内淘宝镜像下载一些插件添加到node_global文件里面
   解决：命令提示符用管理员身份运行
   
6. 设置环境变量
   Path添加D:\Program Files\nodejs\node_global
   下面是系统自动添加的不要改它！
   
   新建变量NODE_PATH
   
   
   成功！

二、Vue

1. 安装Vue

先关上所有dos窗口，再次打开，输入安装命令

cnpm install vue -g

2. 安装Vue-cli脚手架

npm install -g  vue@cli

有错误！
2.9.6的用这个命令:

npm install vue-cli -g 

3. 创建一个Vue项目
   
   有错误！！
   查阅：
   https://blog.csdn.net/guangwenyin/article/details/123462007
   https://blog.csdn.net/weiguang102/article/details/124475470
   输入：（注意要进入对应文件夹）

vue init webpack 文件名

接着执行：

 cd 文件名
npm run dev

进入上图给出的地址：
http://localhost:8080

则说明成功！