搭建前端环境

搭建前端环境

一.安装好谷歌浏览器

二.官网下载地址：下载 | Node.js

1. *Node.js默认安装目录为 C:\Program Files\nodejs*, 你也可以修改目录

   记住，一路都是 next（下一步）

2. 最后install，等安装好

3. 在命令行里： node -v，看是否会出现一个版本号，出现了说明安装成功！

4. 最后还要检查一下环境变量是否配置：我的电脑（此电脑）右键，打开属性

VS Code搭建前端开发环境

在扩展中安装下列插件：

**１、open-in-brower:**安装完成之后，重启VSCode，打开一个HTML文件，右键鼠标，弹出的菜单栏中会出现“Open Defualt Browser” 打开默认浏览器 和“ Open In Other Browsers”打开其他浏览器两个选项。

**2、auto close tag：**自动闭合标签。

**3、auto rename tag：**自动完成另一侧标签的同步修改。

**4、HTML CSS Support:**类名、id自动提示。

**5、HTML Snippets:**智能提示标签及其含义。

**6、JavaScript(ES6) code snippets：**ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间。

**7、jQuery Code Snippets：**jQuery代码智能提示。

**8、React/Redux/GraphQL/React-Native snippets：**ES7 React/Redux/GraphQL/React-Native语法智能提示。

**9、Angular Snippets：**angular智能语法提示。

**10、Vetur：**Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。

官网下载Git并安装，安装过程记得勾选用Vscode作为默认的编辑器。

1.在使用Git之前需要做一个基础配置，就是设置当前开发者的用户名和邮箱。这样做是以便日后提交新版本的时候可以追踪到是谁提交的，怎么联系提交者。