《前端JavaScript面试技巧》学习笔记(10) IDE、

关于开发环境(版本管理,模块化,打包工具)

面试官想通过开发环境了解面试者的经验开发环境
开发环境最能体现工作产出效率
面试会以聊天的形式为主,不会问具体的问题

---

知识点

1: IDE 编写代码的工具 (关系到写代码的效率)
2: git (版本管理)
3: JS 模块化
4: 打包工具
5: 上线回滚的过程

---

IDE

前端最常用的代码编写工具

• webstorm
• sublime
• vscode
• atom
• 插件 插件 插件 !!!

注意

• 千万不要说你使用 Dreamweaver 或者 notepad++ 写代码(会减分)
• 不做 .net 也不要用 Visual Studio
• 不做 java 也不要用 eclipse

---

Git

什么地方需要用到版本管理 ?

• 正式项目都需要代码版本管理
• 大型项目需要多人协作开发
• Git 和 Linux 是一个作者

关于 Git 服务器

• 网络 Git 服务器如 coding.net github.com
• 一般公司代码非开源, 都有自己的 Git 服务器
• 搭建 Git 服务器无需你了解太多
• Git 的操作必须很熟练

常用 Git 命令
常用 Git 命令清单

git init 初始化一个 git 环境
git add . 新建的文件,修改的文件 全部囊括起来
git checkout 修改错了,还原回去
git commit -m "注释" 把修改完的文件先提到本地的仓库
git push origin master 提交到远程的仓库
git pull origin master 取回远程仓库的变化，并与本地分支合并
git branch 分支;多人开发会到分支(创建一个自己的地盘,不和别人共享)
git checkout -b xxx/ 切换分支到 xxx
git checkout master 切换分支到 master
git status 查看状态 ,查看哪些改动了
git diff 查看文件修改前后的不同处
git cone 将存储库上的代码 clone 到本地
git merge [branch] 合并指定分支到当前分支
cat 查看文件内容
新增文件vi (mac) ; echo(windows)

---

coding 在命令行中创建 Git 仓库

mkdir JS-Git-Test
cd JS-Git-Test
git init
echo "# JS-Git-Test" >> README.md
git add README.md
git commit -m "first commit"
git remote add origin https://git.coding.net/yourname/JS-Git-Test.git
git push -u origin master

GitHub 在命令行中创建 Git 仓库

echo "# mooc.gihub.io" >> README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/one-zen/mooc.gihub.io.git
git push -u origin master

创建分支
创建一个名为 dev 的分支

 git branch 创建前查看当前分支 > *master
 git checkout -b dev 创建分支
 git branch 这时候当前分支为 > *dev
 修改或添加内容
 git diff 显示暂存区和工作区的差异
 git.add .  添加指定文件到暂存区
 git commit"update part2" 提交暂存区到仓库区
 git push origin dev 将分支提交到远程仓库
 git checkout master 将分支切换到主分支
 git pull origin master 取回远程仓库的变化，并与本地分支合并
 git merge dev 将dev分支与当前分支master 合并内容
 git push origin master 将主分支提交到远程仓库