新机开荒手册（前端）

本人使用的前端vue框架，记录一下新机安装开发环境过程 。

一、安装node环境 --NVM

发现一个很好用的插件 nvm，通过nvm去控制node版本，简直不要太简单。😀

nvm使用步骤：

安装地址

链接：https://pan.baidu.com/s/1WTLT2L0o_JNY4WkNoyls-w 
提取码：zdym 

双击 nvm-setup.exe,点击下一步，安装，有的博主说默认要安装c盘，这样不用配置环境变量，我很听话，所以我没有实践过，默认就放到c盘了。

打开cmd窗口验证一下：

这个样子就是可以了，

下面是copy的命令，可以留着学一下！

还有一个注意点，要安装node的时候一定要用，管理员的身份打开cmd

nvm命令行操作命令
1,nvm nvm list 是查找本电脑上所有的node版本
 
- nvm list 查看已经安装的版本
- nvm list installed 查看已经安装的版本
- nvm list available 查看网络可以安装的版本
 
2,nvm install 安装最新版本nvm
 
3,nvm use <version> ## 切换使用指定的版本node
 
4,nvm ls 列出所有版本
 
5,nvm current显示当前版本
 
6,nvm alias <name> <version> ## 给不同的版本号添加别名
 
7,nvm unalias <name> ## 删除已定义的别名
 
8,nvm reinstall-packages <version> ## 在当前版本node环境下，重新全局安装指定版本号的npm包
 
9,nvm on 打开nodejs控制
 
10,nvm off 关闭nodejs控制
 
11,nvm proxy 查看设置与代理
 
12,nvm node_mirror [url] 设置或者查看setting.txt中的node_mirror，如果不设置的默认是 https://nodejs.org/dist/
　　nvm npm_mirror [url] 设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是： https://github.com/npm/npm/archive/.
 
13,nvm uninstall <version> 卸载制定的版本
 
14,nvm use [version] [arch] 切换制定的node版本和位数
 
15,nvm root [path] 设置和查看root路径
 
16,nvm version 查看当前的版本

2、安装开发工具vscode

这个好像也啥说的，软件管理就能下载

1. vscode常用插件

Auto Rename Tag 自动添加Html标签。自己添加的，其他的根据vscode提示添加。

3.git使用教程

 下载地址

链接：https://pan.baidu.com/s/1LepyllF6b3lzaj5URQ406Q 
提取码：zdym

点击一下步安装。

首次在VScode中使用git,点击源代码管理图标

 点击后在弹出的小窗口中输入项目的git地址

 

 等待文件拉取。

常用命令：

git status  // 查看修改内容
git stash  // 将修改内容暂存
git pull //拉取远端的内容
git stash pop //将暂存的内容，释放出来，可能会有代码冲突，解决冲突。
git add . //将修改内容添加到远端
git commit -m '修改的标题' //将修改提交
git push //将修改的内容推送到远端