Web前端环境配置

一份新工作的开始往往也伴随着开发环境的配置，开发工具，插件安装，快捷键配置，也伴随着环境变量配置，但是这样的配置可能一份工作只有一次，一般也都是在过程中遇到问题解决问题，那么今天来总结一下新工作开始之前能想到的配置。

VSCode 

软件下载地址 https://code.visualstudio.com/

安装插件：插件安装直接在VS 中进行搜索即可，使用参考对应的插件介绍

插件	作用
Chinese (Simplified) Language Pack for Visual Studio Code	中文简体语言包，之后可以设置VS为中文面板;Ctrl+shift+p 输入Configure Display Language 选择自己想设置的语言
Open in Browser	This allows you to open the current file in your default browser or application.右击选择浏览器打开HTML文件
JS-CSS-HTML Formatter	在保存时可以自动格式化js css html 代码
Auto Rename Tag	Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.(自动重命名配对的HTML标签)
Vetur	Vue tooling for VS Code
Vue 2 Snippets/ Vue VSCode Snippets
EsLint

 

node.js 

下载地址：https://nodejs.org/zh-cn/

环境配置：

修改npm install xxx 的下载路径

1、在node安装目录下下新建两个文件夹
  node_global 全局包下载存放
  node_cache node缓存

2、配置环境变量

     在用户变量path 中增加 node_global 配置

   

     在系统变量中增加NODE_PATH

     

3、基于 Node.js 安装cnpm（淘宝镜像）

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

   之后可以使用 cnpm 代替 npm 下载依赖包

   npm / cnpm config ls 可以查看相关的配置 

git 

习惯了单独使用git 命令 所以直接安装即可

安装地址：https://git-scm.com/download/win