注意：如果想要安装多个版本的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 -v //检查node是否安装成功并查看版本
node fileName //执行该文件

新版的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 vue -g 或 yarn global add vue // 建议全局安装
npm list vue // 查看安装的版本

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