全栈开发实战小草看书之Web端（一）开发环境

安装 Visual Studio Code

扩展

Chinese，Prettier，Volar

设置（文件-首选项-设置-右上角打开设置(json)）

{
  "terminal.integrated.defaultProfile.windows": "Command Prompt",
  "explorer.confirmDelete": false,
  "security.workspace.trust.untrustedFiles": "open",
  "workbench.startupEditor": "none",
  "prettier.printWidth": 200,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

安装 Node.js

全局包管理

npm config set registry https://registry.npm.taobao.org
npm config set strict-ssl false
npm install -g yarn

yarn config set registry https://registry.npm.taobao.org
yarn config set strict-ssl false
yarn global add @vue/cli

升级项目包

yarn upgrade-interactive --latest