vue开发环境搭建

一、安装nvm

在工作中可能会遇到需要使用多个node版本的时候，nvm正为解决这个而生，NVM（Node Version Manager）是一个用于管理 Node.js 版本的工具。

• 1、nvm换镜像源

  • {安装地址}\settings.txt 中添加

    • 查看安装地址，where nvm

    • #配置node镜像：
      node_mirror: https://npmmirror.com/mirrors/node/

      #配置npm镜像：
      npm_mirror: https://npmmirror.com/mirrors/npm/

• 2、安装node

  • 查看可用的node版本，nvm list available
  • 查看本地可用的node, nvm ls
  • nvm install 19.1.0
  • 切换node，nvm use 19.1.0
  • 查看版本nvm
    • node -v
  • npm -v

二、安装pnpm

优点：快，磁盘利用率更高

• npm i -g pnpm
• 查看版本，pnpm -v
• pnpm 查看镜像源
  pnpm config get registry
• pnpm配置淘宝镜像
  pnpm config set registry https://registry.npmmirror.com

三、安装git

略

四、安装VsCode

• 安装常用插件
  • EditorConfig for VS Code --代码规范插件
  • GitHistory
  • TypeScript Vue Plugin
  • Vue language Features --vue语法校验和提示。已改名为Vue - Official
• 安装依赖，pnpm install
• 运行， pnpm run dev