## 一、概述 介绍前开发的主要环境搭建； ## 二、基础安装 ### **NodeJS和vueJS** 安装NodeJS以及vuejs环境； 参考： [NodeJS安装](../../../%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/Node.js/%E5%AE%89%E8%A3%85.md) [vuecli安装](../../../%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/vueCli/%E5%AE%89%E8%A3%85.md) ### **VSCode** 下载解压即可； 必须安装的插件，Vetur插件和Prettier+（注意不是Prettier）插件； #### **VSCode配置** ``` { "files.autoSave": "onFocusChange", "editor.defaultFormatter": "svipas.prettier-plus", "editor.formatOnSave": true, "prettier.arrowParens": "always", "prettier.semi": true, "prettier.tabWidth": 2, "prettier.useTabs": false, "prettier.vueIndentScriptAndStyle": false, "prettier.bracketSpacing": true, "prettier.printWidth": 360, "prettier.singleQuote": true, "prettier.jsxSingleQuote": true, "prettier.trailingComma": "all", "[vue]": { "editor.defaultFormatter": "octref.vetur"   } } ``` 可以在当前工程目录下建立一个`.vscode`子目录，并把上述内容复制到文件`settings.json`中，即可随工程发布进入版本控制；  >[danger] 特别注意，建议仅保留项目的`settings.json`，不要或者清空用户级的`settings.json`，因为可能会因为冲突，导致效果不彰； #### **Prettier配置** 在任何一个工程的根目录下面，确保有`.prettierrc`配置，内容如下： ``` { "arrowParens": "always", "semi": true, "tabWidth": 2, "useTabs": false, "vueIndentScriptAndStyle": false, "bracketSpacing": true, "bracketSameLine": true, "printWidth": 360, "singleQuote": true, "jsxSingleQuote": true, "trailingComma": "all" } ```  #### **实践效果** 经过上述设置后，保存代码的时候，直接就按照上述要求格式化了，确保了代码风格的一致性； ### **GIT** 安装GIT程序，配置GitHub账户； [GIT](../../../%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/git.md) [GitHub](../../../%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/github.md)