Doraemon

小叮当    2012 - 2023
Doraemon

Choose mode

  • dark
  • auto
  • light
首页
Category
  • 前端开发
  • 后端
  • 数据库
  • 运维
Tag
TimeLine
关于
  • 关于我
Contact
  • GitHub
author-avatar

小叮当

39

Article

25

Tag

首页
Category
  • 前端开发
  • 后端
  • 数据库
  • 运维
Tag
TimeLine
关于
  • 关于我
Contact
  • GitHub

前端开发常用开发环境配置

小叮当    2012 - 2023

前端开发常用开发环境配置


小叮当 2020-01-02 环境配置Node版本管理前端开发

# 1、 安装最新版 Node.js:

nvm install latest
1

使用nvm-windows安装NodeJs可能会遇到的问题:

Could not retrieve https://nodejs.org/dist/latest/SHASUMS256.txt.
1

解决方法:在nvm的安装目下找到settings.txt,打开并添加下面内容(使用淘宝源): 默认目录,C:\Users\admin\AppData\Roaming\nvm

node_mirror:npm.taobao.org/mirrors/node/
npm_mirror:npm.taobao.org/mirrors/npm/
1
2

# 2、 安装指定版本 Node.js :8.16.2 和 12.2.0

nvm install 8.16.2
1

# 3、安装 nrm

nrm: npm registry manager 也就是 npm 的镜像源管理工具

npm install -g nrm
1

# 用于展示所有可切换的镜像地址

nrm ls
1
 






nrm ls
*npm ---- https://registry.npmjs.org/
cnpm --- http://r.cnpmjs.org/
taobao - http://registry.npm.taobao.org/
eu ----- http://registry.npmjs.eu/
au ----- http://registry.npmjs.org.au/
1
2
3
4
5
6

# 添加源

nrm add <registry> <url>
1

其中,registry 为源名,url 为源地址。 比如:添加一个公司私有的 npm 源,源地址为:https://192.168.3.131:8080,源名为comp(随意取)。

nrm add comp https://192.168.3.131:8080
1

# 删除源

nrm del <registry>
1

其中,registry 为源名。

  • 测试源速度,响应时间
nrm test <registry>
1

# 切换到cnpm

nrm use cnpm
1

# 4、安装 rimraf ,快速删除大量小文件,如:node_modules

  • 安装rimraf
npm install -g rimraf
1
  • 删除文件夹 node_modules,格式:rimraf+文件夹
rimraf node_modules
1

在 Windows 下使用此工具可以快速删除node_modules文件夹。 Mac 下面直接使用下面命令,可达到同样的效果

sudo rm -r -f node_modules
1

# 5、安装 yarn

npm i -g yarn
1

检查安装的版本

yarn --version
1

# 6、安装 vue-cli

vue-cli 官网

npm install -g @vue/cli
1

OR

yarn global add @vue/cli
1

# 7、安装 angular/cli

安装

npm install -g @angular/cli
1

升级降级 angular cli

npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@8.3.20
1
2
3

# 8、安装 gitbook

npm install gitbook-cli -g
1

# 9、安装 electron

npm install electron -g
1

# 10、Resetting the registry back to https://registry.npmjs.org/

npm set registry https://registry.npmjs.org/
1
  • 1、 安装最新版 Node.js:
  • 2、 安装指定版本 Node.js :8.16.2 和 12.2.0
  • 3、安装 nrm
  • 用于展示所有可切换的镜像地址
  • 添加源
  • 删除源
  • 切换到cnpm
  • 4、安装 rimraf ,快速删除大量小文件,如:node_modules
  • 5、安装 yarn
  • 6、安装 vue-cli
  • 7、安装 angular/cli
  • 8、安装 gitbook
  • 9、安装 electron
  • 10、Resetting the registry back to https://registry.npmjs.org/