含泪整理Vue安装教程

定制开发因为换了新电脑很多软件要重装，定制开发所以想到可以写一份教程，定制开发为我以后换电脑方便重定制开发装也为了大家！！
定制开发第一次安装Vue踩坑太多，定制开发这里整理一份超详细教程（win11也可！！！）

1. 下载
   Windows可以直接选这个下载完成后直接next安装即可

2. 打开cmd（我喜欢管理员方式打开）
   输入可查看版本
   
   【注意：报错1来了】
   npm WARN config global --global, --local are deprecated. Use --location
   在这里可以将node.js里npm和npm.cmd里的prefix -g替换为prefix --location=global
   如果是管理员权限不可修改的话，我是拖到桌面改完就拖回来的（觉得比较快哈哈哈哈哈）然后再执行第二步即可

3. 在node.js文件夹下新建两个文件夹【node_global】和【node_cache】
   
   然后在cmd中执行这两行命令
   
   【注意：这里就体现出管理员打开的重要性，如果不是管理员打开就会报错！】

4. 此电脑–>属性–>高级系统设置
   选择环境变量中的系统环境新建
   

== 这里的名称不要写错，并且注意避免有中文==
5. 将用户目录下的
改为下图所示

6. 依次输入这些命令配置淘宝镜像
npm config set registry https://registry.npm.taobao.org
可以安装cnpm，如果后续嫌npm安装慢

npm install -g cnpm --registry=https://registry.npm.taobao.org
1

7. npm install vue -g安装vue.js
8. npm install webpack -g安装webpack模板
安装webpack-cli：npm install --global webpack-cli
安装成功后可使用webpack -v查看版本号
按图操作
或者输入下方命令安装脚手架（我是全都执行了一遍，因为俺是菜鸡~）
cnpm install -g @vue/cli

9. 安装vue-router，输入npm install vue-router -g
10. 输入vue -V查看版本
    
11. 输入vue ui命令就可以进入界面啦
    
    因为我用VScode写Vue，所以后面如何创建就不写啦，有时间我可以写写vscode配置Vue以及一些插件，还有浏览器插件，都是过来人的教训