开发环境的构建及相关配置

开发环境

Node

官方网站：点击前往下载
参考文章：Post not found: NPM-命令集合及相关的问题 《命令集合及相关》 Post not found: NodeJS关于静态服务相关 《Node静态服务》

下载后安装，新版本默认自动配置环境，如命令无效，需要手动配置系统变量

cmd
# 检查版本号
node -v
npm -v

可选：环境变量配置(在无管理员权限的电脑，可以通过在搜索栏输入env打开编辑账户的环境变量)

path
D:\Node\

可选：需要先创建文件夹，再设置全局安装包路径(node_global) 和 全局缓存路径(node_cache)

cmd
npm config set prefix "D:\Node\node_modules\node_global"
npm config set cache "D:\Node\node_modules\node_cache"

可选：安装Yarn

cmd
npm install -g yarn

cmd
yarn config set prefix "D:\Node\node_modules\yarn_global"
yarn config set cache "D:\Node\node_modules\yarn_cache"

Python

官方网站：点击前往下载

下载后安装，新版本默认自动配置环境，如命令无效，需要手动配置系统变量

开发软件

Git

官方网站：点击前往下载
参考文章：Post not found: Git-命令集合及相关的问题 《命令集合及相关》

cmd
# 检查版本号
git --version

可选：Git生成秘钥ssh

cmd
// 查看密钥目录：默认是C:\Users\用户名\.ssh
$ cd ~/.ssh

// 配置用户名：name改成你要的名字，别傻傻的写个name上去
$ git config --global user.name "name"　　

// 配置用户邮箱：88888@qq.com改成你的邮箱
$ git config --global user.email "88888@qq.com"　　

// 生成密钥命令：改成你的邮箱
$ ssh-keygen -t rsa -C "8888@qq.com"

生成的 id_rsa.pub 文件即公钥；

浏览器

谷歌官方网站：点击前往下载
火狐官方网站：点击前往下载
微信官方网站：点击前往下载

编辑器

Sublime官方网站：点击前往下载
参考文章：Post not found: 工具推荐-sublime的相关问题 《sublime的相关问题》

开发库包

参考文章：Post not found: NPM-命令集合及相关的问题 《命令集合及相关》

脚手架

cmd
npm install -g create-react-app && yarn global add create-react-app
npm install -g @vue/cli && yarn global add @vue/cli

nrm

nrm 是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换

官方网站：点击前往

cmd
npm install -g nrm  &&  yarn global add nrm

nrm ls       #查看nrm的镜像源列表和当前源
nrm use xxx  #切换到xxx的印象源

nrm add xxx http://xxx.cn/ #新增映射源
nrm del xxx  #删除指定的xxx映射源
nrm test npm #测试相应的源的相应时间

ncu

ncu 是npm的包更新工具，可以将package.json依赖项升级到最新版本，而忽略指定的版本；更新包依赖，所以需要全局安装

官方网站：：点击前往

检查基本库包

cmd
npm install npm-check-updates -g  &&  yarn add npm-check-updates global

ncu -v  #查看当前ncu版本
ncu     #检测当前项目中可以更新的包依赖
ncu -g  #对全局依赖包进行更新检测

ncu -u  #检测后可以执行对本地package更新
ncu xxx -f  #更新本地项目指定依赖包

ncu xxx -x  #筛除本地项目中需要更新的包
ncu '/^xxx.*$/'  #使用正则匹配需要更新的包

当没有管理员权限却需要安装 msi 文件的时候

没有管理员权限，但是安装软件又需要，可以考虑直接解压msi文件，看直接执行exe文件 看能否执行

# 将D盘下的xxx.msi文件 解压到D盘下的demo目录 
msiexec /a "D:\xxx.msi" /qb TARGETDIR="D:\demo"

添加菜单 右键CMD启动

添加 register.reg 注册表脚本，通过文本编辑器，输入以下代码后双击执行，注册表脚本需要管理员权限

如果出现文本乱码，通过文本编辑器，在输入文本后，另存为，将格式修改为所有，编码格式修改为ASNL

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\Directory\Background\shell\OpenCMD]
@="当前目录打开CMD"
"Icon"="cmd.exe"
"ShowBasedOnVelocityId"=dword:00639bc8
[HKEY_CLASSES_ROOT\Directory\Background\shell\OpenCMD\command]
@="cmd.exe /s /k pushd \"%V\""

[HKEY_CLASSES_ROOT\Directory\Background\shell\runas]
@="当前目录打开CMD(管理员)"
"Icon"="cmd.exe"
"ShowBasedOnVelocityId"=dword:00639bc8
[HKEY_CLASSES_ROOT\Directory\Background\shell\runas\command]
@="cmd.exe /s /k pushd \"%V\""

• 出现菜单乱码情况

文本编码的问题，可以将文件编码通过记事本编辑，文件另存为，修改编码为ANSI，之后执行就不会出现乱码

• 需要对右键进行卸载

问题

安装@vue/cli 后 vue命令无法识别

环境变量的问题，可能是node安装的目录未选择推荐目录，导致系统环境变量不对，执行命令$ npm config ls找到node安装的全局包的位置, prefix为全局安装包的位置，找到文件目录复制，添加到path 环境变量。

公司的电脑，没系统权限怎么配置环境变量

打开搜索栏，输入env ,找到编辑账号的环境变量，配置当前账户的环境变量，无需权限。