注意：如果想要安装多个版本的node.js并进行管理，请先移步至 node.js版本管理工具
node.js官网下载，如：Windows Installer (.msi) 64-bit.
当前稳定版本：v16.15.0 2022/4/27
Node.js默认安装目录为 “C:Program Files odejs” , 你可以修改目录，其余的点next(下一步）即可.

新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西

node.js环境配置
这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:Users用户名AppDataRoaming pm】路径中，占C盘空间
1.在F:SP ode新建一个文件夹，名称为node_global
2.在F:SP ode新建一个文件夹，名称为node_cache
3.如果你是zip安装直接接着往下走，如果你是msi安装方式，请直接到第五步；
4.配置npm系统环境path变量“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”-“path”,如图；
5.创建完两个空文件夹之后，打开cmd命令窗口，输入；
6.npm config set prefix “F:SP ode ode_global”；
7.npm config set cache “F:SP ode ode_cache”；
8.“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”； 9.在【系统变量】下新建【NODE_PATH】，输入【F:SP ode ode_global ode_modules
10.将【用户变量】下的【Path】修改为【F:SP ode ode_global】
npm常用命令
1.npm -v：查看npm版本
2.npm init：初始化后会出现一个package.json配置文件，可以在后面加上-y，快速跳过问答式界面
3.npm install：根据package.json文件自动下载项目所需要的全部依赖
4.npm install 包名 –save(npm install 包名 -S)：安装的包需要发布到生产环境的，会出现在package.json文件中的dependencies属性中
5.npm install 包名 –save–dev(npm install 包名 -D)：安装的包用于开发环境，不用于生产环境
6.npm list：查看当前目录下已安装的node包
7.npm list -g：查看全局已经安装的node包
8.npm –help：查看npm帮助命令
9.npm update 包名：更新指定的包
10.npm uninstall 包名：卸载指定的包
11.npm config list：查看配置信息
12.npm info 指定包名：查看远程npm上指定包的所有版本信息
13.npm config set registry https://registry.npm.taobao.org：修改包的下载源
14.npm root：查看当前包的安装路径
15.npm root -g：查看全局的包的安装路径

淘宝为我们搭建了一个国内的npm服务器，它目前是每隔10分钟将国外npm仓库的所有内容“搬运”回国内的服务器上，这样我们直接访问淘宝的国内服务器就可以了，它的地址是：https://registry.npm.taobao.org

第一种：
直接安装cnpm 安装淘宝提供的cnpm，并更改服务器地址为淘宝的国内地址， 命令：
npm install -g cnpm –registry=https://registry.npm.taobao.org
以后安装直接采用cpm替代npm， 例如原生npm命令为：
npm install uniq –save
cnpm命令为：cnpm install uniq –save
第二种：
替换npm仓库地址为淘宝镜像地址（推荐）命令：
npm config set registry https://registry.npm.taobao.org
查看是否更改成功：
npm config get registry
以后安装时，依然用npm命令，但是实际是从淘宝国内服务器下载的

Yarn是facebook发布的一款取代npm的包管理工具。

yarn的安装:
1.下载node.js，使用npm安装
npm install -g yarn
查看版本：yarn –version
2.安装node.js,下载yarn的安装程序:
提供一个.msi文件，在运行时将引导您在Windows上安装Yarn
3.Yarn 淘宝源安装，分别复制粘贴以下代码行到黑窗口运行即可
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
yarn的常用命令：
–安装yarn
npm install -g yarn
–安装成功后，查看版本号：
yarn –version
–创建文件夹 yarn
md yarn
–进入yarn文件夹
cd yarn
–初始化项目
yarn init // 同npm init，执行输入信息后，会生成package.json文件
yarn的配置项：
yarn config list // 显示所有配置项
yarn config get //显示某配置项
yarn config delete //删除某配置项
yarn config set [-g|–global] //设置配置项
–安装包：
yarn install // 安装package.json里所有包，并将包及它的所有依赖项保存进yarn.lock
yarn install –flat //安装一个包的单一版本
yarn install –force //强制重新下载所有包
yarn install –production // 只安装dependencies里的包
yarn install –no-lockfile // 不读取或生成yarn.lock
yarn install –pure-lockfile // 不生成yarn.lock
–添加包（会更新package.json和yarn.lock）：
yarn add [package] // 在当前的项目中添加一个依赖包，会自动更新到package.json和yarn.lock文件中
yarn global add [package] // 安装某个全局依赖项目，全局安装的包直接安装到计算机中，只需安装一次，以后在计算机的任何位置都可以使用这个包
yarn add [package]@[version] // 安装指定版本，这里指的是主要版本，如果需要精确到小版本，使用-E参数
yarn add [package]@[tag] // 安装某个tag（比如beta,next或者latest）
//不指定依赖类型默认安装到dependencies里，你也可以指定依赖类型：
yarn add –dev/-D // 加到 devDependencies
yarn add –peer/-P // 加到 peerDependencies
yarn add –optional/-O // 加到 optionalDependencies
//默认安装包的主要版本里的最新版本，下面两个命令可以指定版本：
yarn add –exact/-E // 安装包的精确版本。
例如yarn add foo@1.2.3会接受1.9.1版，但是yarn add foo@1.2.3 –exact只会接受1.2.3版
yarn add –tilde/-T // 安装包的次要版本里的最新版。
例如yarn add foo@1.2.3 –tilde会接受1.2.9，但不接受1.3.0
–发布包
yarn publish
–移除一个包
yarn remove ：移除一个包，会自动更新package.json和yarn.lock
–更新一个依赖
yarn upgrade 用于更新包到基于规范范围的最新版本
–运行脚本
yarn run 用来执行在 package.json 中 scripts 属性下定义的脚本
–显示某个包的信息
yarn info 可以用来查看某个模块的最新版本信息
–缓存
yarn cache
yarn cache list //列出已缓存的每个包
yarn cache dir //返回 全局缓存位置
yarn cache clean //清除缓存

注意：nvm只能管理到其环境变量和系统变量（二者一般都叫 NVM_HOME）下的node版本包，所以在此建议首先安装nvm，再使用nvm下载node.js
安装：git包地址
nvm-setup.zip：安装版，推荐使用
nvm-noinstall.zip：绿色免安装版，但使用时需进行配置环境变量
双击nvm-setup.exe文件安装，注意的是安装路径最好不要出现中文和空格
使用

nvm ls
–列出所有已经安装的Node版本
nvm install node
–安装最新版 Node
nvm list available
–列出所有可以安装的Node版本号
nvm install 16.15.0
–安装指定版本号的Node
nvm use 16.15.0
–使用特定版本的Node
nvm uninstall 16.15.0
–卸载版本号的Node
nvm arch
–显示node是运行在32位还是64位。
nvm install [arch]
–安装node， version是特定版本也可以是最新稳定版本latest。可选参数arch指定安装32位还是64位版本，默认是系统位数。可以添加–insecure绕过远程服务器的SSL。
nvm list [available]
–显示已安装的列表。可选参数available，显示可安装的所有版本。list可简化为ls。
nvm on
–开启node.js版本管理。
nvm off
–关闭node.js版本管理。
nvm proxy [url]
–设置下载代理。不加可选参数url，显示当前代理。将url设置为none则移除代理。
nvm node_mirror [url]
–设置node镜像。默认是https://nodejs.org/dist/。如果不写url，则使用默认url。设置后可至安装目录settings.txt文件查看，也可直接在该文件操作。
nvm npm_mirror [url]
–设置npm镜像https://github.com/npm/cli/archive/。如果不写url，则使用默认url。设置后可至安装目录settings.txt文件查看，也可直接在该文件操作。
nvm uninstall
–卸载指定版本node。
nvm use [version] [arch]
–使用制定版本node。可指定32/64位。
nvm root [path]
–设置存储不同版本node的目录。如果未设置，默认使用当前目录。
nvm version
–显示nvm版本。version可简化为-v。

管理 Node 版本的工具有 n 和 nvm。n 不支持Windows

npm install -g n //安装
n // 下载某一版本号node,如：n 16.15.0
n latest // 安装最新版本
n stable // 安装最新稳定版
n lts //安装最新长期维护版(lts)
n rm // 删除某个版本
n // 输入命令后直接使用上下箭头选择版本

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。在安装vue.js之前应先确保node.js已经安装并配置好。和它类似的框架有：React、AngularJS

npm install webpack -g
–安装
npm install –global webpack-cli
–webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli
webpack -v
–查看版本号。

路由管理，主要用于多界面网页应用，如果界面和功能较少的网页可无需安装

讯享网

npm install -g vue-router

用于数据的缓存管理，针对数据使用频繁和数据多的场景,可以单独安装也可以在脚手架创建项目时选择

npm install vuex –save

用于请求和响应处理,非常常用，可以在做项目的过程中再进行安装导入

npm install axios

–卸载2.x版本
npm uninstall vue-cli -g
–卸载3.x版本
npm uninstall @vue/cli -g
npm install @vue/cli –g
npm install -g @vue/cli@3.12.1
–指定版本号，不指定版本号会默认安装最新的版本
vue -V 或 vue –version

–创建项目
vue create 项目名
–配置项
Please pick a preset // 选择默认配置或者手动配置，此处我选的手动配置
Check the features needed for your project // vue的一些配置选择，后面我会详细讲解
Choose a version of Vue.js that you want to start the project with // 选择的vue版本
Use history mode for router // router的模式选择，根据需要选择
Pick a linter / formatter config // 代码样式规范选择
Pick additional lint features // 进行语法检查操作选择
Where do you prefer placing config for Babel, ESLint, etc. // 放置配置信息的文件夹选择
Save this as a preset for future projects // 是否需要将以上配置作为以后项目的预配置
Choose Vue version // vue版本选择
Babel // 是否兼容低版本浏览器
TypeScript // 是否扩展JavaScript
Progressive Web App (PWA) Support // 是否支持渐进式Web应用程序
Router // 是否配置路由
Vuex // 是否配置状态管理模式（相当于本地存储）
CSS Pre-processors // 是否配置CSS预处理器
Linter / Formatter // 格式化程序规范选择
Unit Testing // 是否创建单元测试
E2E Testing // 是否创建端到端测试
–启动项目
npm run dev

最好使用国内的淘宝开源镜像进行下载:http://npm.taobao.org/mirrors/git-for-windows
找到合适的版本进行下载，其中tar.bz是linux系统的
下载完成之后点击安装，选择安装目录，然后一路next即可

桌面右键点击Git bash here进入命令行，配置用户名和邮箱（用于git识别你的身份）：

git config –global user.name “自己的用户名”
git config –global user.email “自己的邮箱”
git config -l //查看所有配置
git config –system –list //查看系统配置
git config –global –list //查看用户（全局）配置

1.workspace：工作区，就是平时写项目代码的地方
2.stage：暂存区，用于临时存放改动的文件，保存了即将提交的文件列表信息
3.Repository：本地仓库，安全存放文件的本机位置
4.Remote：远程创库，托管代码的服务器，如github、gitlab、gitee(免费且无需翻墙)

1 =(git add)> 2 =(git commit -m “message”)> 3 =(git push)> 4
4 =(git pull)> 1

Git 版本库的初始化，通常有两种方式：
（1）git clone：这是一种较为简单的初始化方式，当你已经有一个远程的Git版本库，只需要在本地克隆一份，例如：
git clone git://github.com/someone/some_project.git some_project
上面的命令就是将‘git://github.com/someone/some_project.git’这个URL地址的远程版本库，完全克隆到本地some_project目录下
（2）git init 和 git remote：这种方式稍微复杂一些，当你本地创建了一个工作目录，你可以进入这个目录，使用‘git init’命令进行初始化；Git以后就会对该目录下的文件进行版本控制，这时候如果你需要将它放到远程服务器上，可以在远程服务器上创建一个目录，并把可访问的URL记录下来，此时你就可以利用‘git remote add’命令来增加一个远程服务器端，例如：
git remote add origin git://github.com/someone/another_project.git
上面的命令就会增加URL地址为 git://github.com/someone/another_project.git，名称origin的远程服务器，以后提交代码的时候只需要使用 origin别名即可

远程仓库相关命令
检出仓库：git clone git://github.com/jquery/jquery.git
查看远程仓库：git remote -v
添加远程仓库：git remote add [name] [url]
删除远程仓库：git remote rm [name]
修改远程仓库：git remote set-url –push [name] [newUrl]
拉取远程仓库：git pull [remoteName] [localBranchName]
推送远程仓库：git push [remoteName] [localBranchName]
注意：如果想把本地的某个分支test提交到远程仓库，并作为远程仓库的master分支，或者作为另外一个名叫test的分支，如下：
git push origin test:master // 提交本地test分支作为远程的master分支
git push origin test:test // 提交本地test分支作为远程的test分支
分支(branch)操作相关命令
查看本地分支： git branch
查看远程分支： git branch -r
创建本地分支： git branch [name] —-注意新分支创建后不会自动切换为当前分支
切换分支： git checkout [name]
创建新分支并立即切换到新分支： git checkout -b [name]
删除分支： git branch -d [name] —- -d选项只能删除已经参与了合并的分支，对于未有合并的分支是无法删除的。如果想强制删除一个分支，可以使用-D选项
合并分支： git merge [name] —-将名称为[name]的分支与当前分支合并
创建远程分支(本地分支push到远程)： git push origin [name]
删除远程分支： git push origin :heads/[name] 或 git push origin :[name]
注意：创建空的分支：(执行命令之前记得先提交你当前分支的修改，否则会被强制删干净)
git symbolic-ref HEAD refs/heads/[name]
rm .git/index
git clean -fdx