从〇到一 轻松学编程

机房搭建Vue开发环境说明

1、JS运行环境Node.js https://nodejs.org/zh-cn/ 下载安装长期维护版16.17.0
输入终端命令确认安装成功

node -v

2、Git https://git-scm.com/ 下载安装最新版
输入终端命令确认安装成功

git --version

3、Visual Studio Code https://visualstudio.microsoft.com/zh-hans/ 下载安装最新版
打开扩展面板搜索并安装Prettier、Volar、ESLint
打开设置面板点击右上角按钮编辑settings.json

{
  "editor.tabSize": 2,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "prettier.trailingComma": "none",
  "update.enableWindowsBackgroundUpdates": false,
  "update.mode": "none",
}

4、浏览器安装Vue开发工具
Win10自带Edge浏览器点击“扩展”>“打开 Microsoft Edge 加载项”搜索并安装Vue Devtools
Chrome浏览器下载扩展包解压，在扩展管理中启用开发模式后即可安装 https://github.com/vuejs/devtools/releases/download/v6.1.3/devtools-chrome.zip

5、配置npm镜像并安装全局包
输入终端命令

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
npm config set registry https://registry.npmmirror.com
npm install -g http-server
npm install -g eslint
npm install -g vue-eslint-parser
npm install -g @vue/cli
npm install -g webpack