vue 环境基本配置

笔记摘要！！

本文主要总结，在Vue环境配置中遇到的一些情况，记录下来

1. 安装nvm 控制 node不同版本之间切换   https://nvm.uihtm.com/

2. 安装 node.js 通过nvm 安转 还要设置电脑环境变量 （百度）

3. 下载 项目 ，在项目地址打开 cmd 

4. 安转依赖 npm install

5. 安装淘宝镜像
# 下载淘宝镜像前需要生成 github 公钥与私钥 上传公钥到 github
# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

6.下载 vscod 并在扩展里配置（会装多,我自己百度装的，不知道需要多少）

    1.名称: Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
    2.名称: Auto Close Tag
    3.名称: C# XML Documentation Comments
    4.名称: ESLint
    5.名称: Git Graph
    6.名称: Git Graph
    7.名称: Live Server
    8.名称: Local History
    9.名称: Vetur
    10.名称: Vue Language Features (Volar)
    11.名称: Vue Peek
    12.名称: Vue VSCode Snippets

7. 用vscoed 打开有package.json文件的上一层的文件夹

8. # 启动服务
npm run dev/Server

9.发布 npm run bash


npm证书过期：先：
 npm config set registry=https://registry.npmmirror.com
 后：
 npm i --registry=https://registry.npmmirror.com
 
 npm install -g yarn
 
1、NETCore后端
 发布NetCore项目时，需要先安装：
  1、https://dotnet.microsoft.com/zh-cn/download/dotnet/thank-you/runtime-aspnetcore-3.1.18-windows-hosting-bundle-installer
  2、https://download.microsoft.com/download/3/8/1/381CBBF3-36DA-4983-BFF3-5881548A70BE/DotNetCore.1.0.4_1.1.1-WindowsHosting.exe
 
2、安装nvm  node的版本管理(https://github.com/coreybutler/nvm-windows/release)
   nvm ls --查看安装的版本
   nvm install v16.14.1/16.14.1 安装对应版本
   nvm use v16.14.1/16.14.1   切换版本
   npm config set registry https://registry.npmmirror.com  配置依赖路径
   npm config get registry  查看依赖路径
   npm cache clean --force   清缓存
   npm config set strict-ssl false  禁用SSL
   npm config list 查看相关配置
   如果报 sass 错误，则执行如下方法
        -->启动Vue项目报错处理方法之一：    
        -->电脑全局
        npm config set prefix "C:\Program Files\nodejs\node global"
        npm config set cache “C:\Program Files\nodejs\node cache"
        -->VSCOde卸载，安装
        npm rebuild node-sass
        npm uninstall node-sass
        npm install node-sass@6.0
        npm install node-sass@npm:sass --ignore-scripts
   控制台输入nvm root，找到文件夹并且在settings.txt文件中增加两行配置：
        node_mirror: https://npm.taobao.org/mirrors/node/
         npm_mirror: https://npm.taobao.org/mirrors/npm/
         或者：
         node_mirror: https://npmmirror.com/mirrors/node/
         npm_mirror: https://npmmirror.com/mirrors/npm/
   安装 pnpm npm install pnpm -g  
        如果未报错但是没有安装成功则：右键此电脑--环境配置--系统配置的path增加(例如：C:\Program Files\nodejs\node global)
        参考：https://blog.csdn.net/weixin_46243213/article/details/133384481  第五大点
        

如果安装pnpm没有成功，但是也没有报错，也可以参照以下：

找到【C:\Users\scyj\.npmrc】  删除，然后重新npm 也成功了！！

 

 

Vue 切换不同版本的node始终不成功，例如：

可使用以下方法试试：