软件安装
vscode
- 官网下载安装： code.visualstudio.com/
- 安装插件 1.Auto Close Tag
自动闭合HTML/XML标签
2.Auto Rename Tag
自动完成另一侧标签的同步修改
3.Beautify
格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则，例如：
| 1234567 | {`` ``"indent_size"``: 4,`` ``"indent_char"``: ``" "``,`` ``"css"``: {`` ``"indent_size"``: 2`` ``}``} |
|---|
mac版vscode中beautify的默认格式化代码按键为cmd+b，也可以自定义快捷键
4.Bracket Pair Colorizer
给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色
5.Debugger for Chrome
映射vscode上的断点到chrome上，方便调试
6.ESLint
js语法纠错，可以自定义配置，不过配置较为复杂，建议使用网上一些广泛使用的eslint配置，日后我也会专门针对eslint配置写一篇文章。
7.GitLens
方便查看git日志，git重度使用者必备
8.HTML CSS Support
智能提示CSS类名以及id
9.HTML Snippets
智能提示HTML标签，以及标签含义
10.JavaScript(ES6) code snippets
ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间
11.jQuery Code Snippets
jQuery代码智能提示
12.Markdown Preview Enhanced
实时预览markdown，markdown使用者必备
13.markdownlint
markdown语法纠错
14.Material Icon Theme
个人认为最好的vscode图标主题，支持更换不同色系的图标，值得点出的是，该插件更新极其频繁，基本和vscode更新频率保持一致
15.open in browser
vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari
16.Path Intellisense
自动提示文件路径，支持各种快速引入文件
17.React/Redux/react-router Snippets
React/Redux/react-router语法智能提示
18.Vetur
Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。
- chinese
VScode英文转换成为中文
- git history 查看git历史提交记录
node
-
安装node : nodejs.org/zh-cn/
-
使用cmd观察是否安装成功：node -v npm -v
环境配置
这里涉及的环境变量配置一般是node环境变量的配置 参考： www.cnblogs.com/coder-lzh/p…
安装教程安装成功以后一般是需要使用管理员权限配置一下的 参考： blog.csdn.net/weixin_4363…
另外powershell也需要使用管理员权限设置一下： 以管理员身份运行windows powershell，运行命令set-ExecutionPolicy RemoteSigned即可。
浏览器（chrome）
安装谷歌： 谷歌一般在国内网站安装是中国版本的，外网安装一般介意去网站下找找
浏览器插件
- 谷歌访问助手
一个便于获取新神器的帮手
- Axure RP Extension for Chrome
一个不错的插件,查看产品原型图更加方便
- FeHelper(前端助手)
JSON自动格式化、手动格式化，支持排序、解码、下载等，更多功能可在配置页按需安装
- React Developer Tools
对于react开发人员是一个不错的辅助工具
- Vue.js devtools
对从事vue开发的同学来说是一个不错的选择
- 掘金
无聊时网上冲浪,看看前沿新技术,学习新知识也是不错的选择
- 沙拉查词-聚合词典划词翻译
沙拉查词是一款专业划词翻译扩展，为交叉阅读而生。大量权威词典涵盖中英日韩法德西语，支持复杂的划词操作、网页翻译、生词本与 PDF 浏览。简单来说就是英语小白的神奇助手
navicate安装（一般后端处理会用到）
网站上去找资料包安装，一般是需要破解 安装破解连接完整教程： www.cnblogs.com/xuexianqi/p…
git
官网： git-scm.com/
配置
git clone支持https和git（即ssh）两种方式下载源码：
当使用git方式下载时，如果没有配置过ssh key，则会有如下错误提示：
下面就介绍一下如何配置git的ssh key，以便我们可以用git方式下载源码。
首先用如下命令（如未特别说明，所有命令均默认在Git Bash工具下执行）检查一下用户名和邮箱是否配置（github支持我们用用户名或邮箱登录）：
git config --global --list
如未配置，则执行以下命令进行配置：
git config --global user.name "这里换上你的用户名" git config --global user.email "这里换上你的邮箱"
然后执行以下命令生成秘钥：
ssh-keygen -t rsa -C "这里换上你的邮箱"
执行命令后需要进行3次或4次确认：
确认秘钥的保存路径（如果不需要改路径则直接回车）； 如果上一步置顶的保存路径下已经有秘钥文件，则需要确认是否覆盖（如果之前的秘钥不再需要则直接回车覆盖，如需要则手动拷贝到其他目录后再覆盖）； 创建密码（如果不需要密码则直接回车）； 确认密码； 执行过程如下图：
在指定的保存路径下会生成2个名为id_rsa和id_rsa.pub的文件：
再打开你的github，进入配置页：
选择SSH and GPG keys项：
之前生成的是ssh秘钥，所以下面选择New SSH key（笔者这里已经配置了一个key，如果是未配置秘钥的用户，这里应该是空的）：
然后用文本工具打开之前生成的id_rsa.pub文件，把内容拷贝到key下面的输入框，并为这个key定义一个名称（通常用来区分不同主机），然后保存：
再次尝试用git方式下载，可以看到已经可以正常下载：
git 提交代码
- 直接使用git 提交
- 使用 工具githubDesktop,SourceTree
- 直接使用 vscode
，用cmd命令建会报错）
2.增加 registry =https://registry.npm.taobao.org 即可。
如果需要恢复成原来的官方地址只需要执行如下命令:
npm config set registry https://registry.npmjs.org
检测是否安装成功：
npm config get registry
查看配置信息
在命令窗口执行如下命令：
npm config list
electron配置
npm设置electron淘宝镜像：
npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/
或者yarn的话，也可以设置淘宝镜像：
yarn config set electron_mirror https://cdn.npm.taobao.org/dist/electron/
区别： 要下载的路径是
然而淘宝镜像中路径是
相差一个字母v
开发需求工具
禅道
jira
查看公司规范
对于才入职的同学来说，想要快速融入集体，首先就的了解公司的相关规范，例如代码书写规范，UED规范等等
前端开发规范
不同公司都有不同的规范，这里就不细说了，入职注意对以下几个规范的了解能更好的提升开发速率，提高代码质量。
- HTML规范
- CSS规范
- js代码规范
- Eslint规范
- commit规范
