一。软件安装
git，sourcetree，vscode，chrome，ps
二。node的安装
参考# 我的另一篇文章 《nvm配置node》
三。git 与SorceTree配置
添加公钥 add key
1.在终端输入：ssh-keygen -t rsa -C "邮箱地址” --邮件地址需要更改为自己的邮箱，最好是登录bitbucket的邮箱
2.找公钥
在终端输入： cd .ssh
找到 id_rsa.pub --它是公钥，拷贝公钥到文本框
3.登录bitbucket bitbucket.org/XX/reposito…
4。 settings->ssh keys->add key
将找到的公钥拷贝到如下：其中label可以随意命名，key为id_rsa.pub 里面的公钥
使用SorceTree拉取项目，然后修改提交检查是否能正确执行
copy bitbucket网站里面项目的https类型地址：git clone httpsxxxx.git 输入下面输入框
四。vscode 常用插件以及配置。
1.常用插件
Chinese (Simplified) (简体中文)：适用于 VS Code 的中文（简体）语言包 汉化
Auto Close Tag ：插件会在您输入 HTML 或 XML 标签时自动闭合标签。例如，当您输入
时，它会自动添加 。这样可以帮助您减少输入时间，并避免忘记闭合标签导致的错误。
Auto Rename Tag： 插件则可以自动重命名标签。例如，当您修改了一个标签的名称时，它会自动更新所有引用该标签的位置。这样可以帮助您更快地进行 HTML 和 XML 开发，并减少手动修改标签名称所带来的错误。
GitLens — Git supercharged：增强VS code的Git，可以查看代码编写者等
Live Server：index/vue页面右键点击 Open with Live Server可以在默认浏览器查看页面效果，Stop Live Service 关闭服务。
open browser preview ：index/vue页面右键点击 Prview in default Browser可以在默认浏览器查看页面效果
path autocomplete:@路径提示的插件
path Intellisense:自动提示文件路径，支持各种快速引入文件
code translate ： vscode 滑词翻译插件，鼠标滑英文单词可以显示英文和中文翻译
any-rule：正则大全，command+shift+p、fn+F1(Mac) / Ctrl+shift+p(Window)，然后输入关键词搜索，比如：“手机”
Image preview ：通过此插件，当鼠标悬浮在图片的链接上时，可以实时预览该图片，除此之外，还可以看到图片的大小和分辨率。
Vetur： Vue 开发必备插件，它为 Vue.js 提供了实用的工具，例如调试、错误检查、语法高亮、片段等。
TSLint Vue：增强了对vue中的typescript 语法语句进行检查的能力。
2.vscode 配置
通过文件-首选项-设置可以打开配置文件
格式问题：tab size设置4个空格数 format 保存的时候格式自动化4个距离
五。vscode 常用快捷键
shift+tab. 可以让代码多行向前或者向后
Mac：Command +点击方法，可以直接跳到对应方法
Win：ctrl+点击方法
command+c,command+v. 复制黏贴 command+s。保存
使用 **File > Auto Save **轻松启用自动保存
注释：
a) 单行注释/取消单行注释：ctrl+/
b) 多行注释/取消：[alt+shift+A]
查找文件/安装vs code 插件地址：ctrl + p
跳转到指定行：ctrl + g
