配置开发环境

321 阅读2分钟

Vue开发环境

nvm(nodejs 版本管理器) 下载、安装

注意:如果电脑之前安装过nodejs,请先确保卸载nodejs干净后再进行安装

下载

nvm官方下载链接

安装

当然路径可以自行改变,为了方便可以一直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

VSnpmyarn
初始化npm init -yyarn init -y
安装生产依赖npm install react --saveyarn add react
安装开发依赖npm install react --save-devyarn add react --dev
安装全局依赖npm install -g @vue/cliyarn global add @vue/cli
卸载npm uninstall react --saveyarn remove react
更新npm update --saveyarn 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.配置提交用户 基本配置完成

小程序

React

Android