前端开发环境搭建(vue)

1.安装chrome浏览器

        下载地址（https://www.google.cn/chrome/）

 

2.下载编辑器（Vscode）

        2.1下载地址（https://code.visualstudio.com）

         2.2 安装完成之后 在Vscode中搜素插件安装

 

                2.2.1搜索 chinese 点击中文简体下载即可

        2.2.2 搜索 Vetur 安装下载（vue开发利器） 

        2.2.3 HTML Boilerplate（在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构）

        2.2.4 Path Intellisense（这个插件具有自动补全功能）

        2.2.5 ESLint  (校验js代码规范)

        2.2.6 Prettier - Code formatter （格式化js、css代码插件）

        2.2.7 Auto Close Tag （自动闭合HTML/XML标签）

        2.2.8 Beautify （格式化 html ,js,css）

        2.2.9 GitLens （方便查看git日志）

        2.2.10 HTML CSS Support （智能提示CSS类名以及id ）

        2.2.11 HTML Snippets （智能提示HTML标签，以及标签含义）

        2.2.12 JavaScript(ES6) code snippets （ES6语法智能提示，以及快速输入）

        2.2.13 jQuery Code Snippets （jQuery代码智能提示）

        2.2.14 open in browser （而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器）

3.Git 安装及配置

        git 下载地址（https://git-scm.com）

        配置参考（Git 教程 | 菜鸟教程）

4.Node以及npm下载设置

        Node下载地址（http://nodejs.cn/download/）

 5.cnpm 安装

        5.1 npm i cnpm -g

        5.2npm install -g cnpm --registry=https://registry.npm.taobao.org

6.yarn 安装

        npm i yarn -g

        cnpm i yarn -g

7.脚手架工具下载

        vue-cli 安装

                官网（https://cli.vuejs.org/zh/guide/installation.html）

 8.postman 安装(测试接口)

        下载地址（https://www.postman.com/downloads/）