Vue开发环境
nvm(nodejs 版本管理器) 下载、安装
注意:如果电脑之前安装过nodejs,请先确保卸载nodejs干净后再进行安装
下载
安装
当然路径可以自行改变,为了方便可以一直next下一步,直到安装成功
使用
- window + r => cmd 进入命令提示符黑窗口 => nvm 回车。如下图,则安装成功了
淘宝镜像
- 打开 setting.txt,复制粘贴下面内容(加快node的下载速度)
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
配置全局环境
nvm命令
- nvm version: 查看 nvm 的版本
- nvm list: 查看当前安装的 Node.js 所有版本 (常用)
- nvm install 版本号 [架构]: 安装指定版本的 Node.js (常用)
- nvm uninstall 版本号: 卸载指定版本的 Node.js
- nvm use 版本号: 选择指定版本的 Node.js (常用)
npm
全称为 Node Package Manager
npm官网
- npm不需要单独安装。在安装 Node 的时候,会连带一起安装npm。
- 查看当前 npm 版本号
npm -v
- 依赖包下载网站 npmjs
- nodemon 下载
npm install -g nodemon --registry=[https://registry.npm.taobao.org](https://registry.npm.taobao.org/)
yarn
yarn官网文档
安装
npm install -g yarn
npm VS yarn
| VS | npm | yarn |
|---|---|---|
| 初始化 | npm init -y | yarn init -y |
| 安装生产依赖 | npm install react --save | yarn add react |
| 安装开发依赖 | npm install react --save-dev | yarn add react --dev |
| 安装全局依赖 | npm install -g @vue/cli | yarn global add @vue/cli |
| 卸载 | npm uninstall react --save | yarn remove react |
| 更新 | npm update --save | yarn upgrade |
vue/cli脚手架
安装
npm install -g @vue/cli 或者 yarn global add @vue/cli
检查是否安装成功
vue -V
出现版本号就成功了
如果 yarn 全局安装后,命令不生效
- 找到安装路径
yarn global bin
-
打开环境 => 新建 path => 复制粘贴执行上一步获得的yarn安装路径
-
重新启动终端,发现全局命令行可以生效了
Git 命令工具
下载
安装
配置环境
- 安装路径 + cmd
nrm (NPM registry manager)
这是 npm 镜像 管理工具
安装
npm install -g nrm
使用
- 列出所有镜像
nrm ls
- 使用指定镜像
nrm use cnpm
sourceTree 安装
官网下载
安装
- 跳过 注册步骤
在
C:\Users\Administrator\AppData\Local\Atlassian\SourceTree文件夹下新建accounts.json文件,内容如下:
[
{
"$id": "1",
"$type": "SourceTree.Api.Host.Identity.Model.IdentityAccount, SourceTree.Api.Host.Identity",
"Authenticate": true,
"HostInstance": {
"$id": "2",
"$type": "SourceTree.Host.Atlassianaccount.AtlassianAccountInstance, SourceTree.Host.AtlassianAccount",
"Host": {
"$id": "3",
"$type": "SourceTree.Host.Atlassianaccount.AtlassianAccountHost, SourceTree.Host.AtlassianAccount",
"Id": "atlassian account"
},
"BaseUrl": "https://id.atlassian.com/"
},
"Credentials": {
"$id": "4",
"$type": "SourceTree.Model.BasicAuthCredentials, SourceTree.Api.Account",
"Username": "username@email.com"
},
"IsDefault": false
}
]
重新双击打开 SourceTree 出现如下
等待安装完后 会自动进入以下界面
- sourcetree与github的远程连接
检验是否成功 - 关联 ssh 1.生成 ssh
ssh-keygen -t rsa
2.与gitHub关联
// git bash 中操作
$ cd ~/.ssh //如果该命令无效的话,则本地没有ssh-key公钥,需要创建本地公钥
$ ls
$ cat id_rsa.pub
3.把id_rsa.pub内容全选复制下来,为github新增 公钥
4.配置ssh
5.测试是否可以使用ssh
如上图则成功
5.配置提交用户
基本配置完成