搭建环境

官网下载 & 历史版本

安装 Node.js

下载二进制版本，解压到指定位置并打开文件夹，新建 node_global 和 node_cache 两个文件夹

1
2
3
cd D:\APP\Node
D:
mkdir node_global,node_cache

环境变量

1
2
setx /M Path "%Path%" "D:\APP\Node"
node -v


设置 Prefix（全局）和 Cache（缓存）路径

1
2
3
4
5
6
#设置全局模块存放路径
npm config set prefix "D:\APP\Node"
npm config get prefix
#设置缓存文件夹
npm config set cache "D:\APP\Node\node_cache"
npm config get cache

设置成功后，之后安装的模块就存放在 node_global 文件夹里，如：安装 cnpm（淘宝镜像）

安装 npm

1
2
3
npm install cnpm -g --registry=https://registry.npmmirror.com
#查看 yarn 源
cnpm config get registry

安装 yarn

1
2
3
4
5
6
7
npm install yarn -g --registry=https://registry.npmmirror.com
#查看配置
yarn config list
#查看 yarn 源
yarn config get registry
#修改 yarn 源，默认是 https://registry.yarnpkg.com
yarn config set registry https://registry.npmmirror.com

修改镜像源

1
2
3
4
5
6
#查看配置
npm config list
#设置淘宝镜像源
npm set registry https://registry.npmmirror.com
#删除淘宝源，镜像源重置为默认
npm config rm registry

安装 nrm 来管理和快速切换私人配置的 registry
1
2
3
4
5
6
7
8
9
10
11
12
13
14
npm install nrm -g
#查看所有源
nrm ls
#切换源
nrm use taobao
#添加源
nrm add <源名称> <源地址>
nrm add taobao https://registry.npmmirror.com
#删除源
nrm del taobao
#测试所有源的延迟，后接<源名称>测试单个
nrm test
#更多参数
nrm -h

其他命令

1
2
3
4
5
6
7
8
9
10
11
12
#查看安装列表
npm ls -g
npm ls
#清理缓存
npm cache clean -f
#升级到最新版
npm install npm@latest
npm install npm
#安装指定版本
npm install npm@8.6.1
#卸载
npm uninstall vue

新建项目

安装 Vue

1
cnpm install vue -g

安装 Vue 命令行工具，即 vue-cli 脚手架

1
cnpm install vue-cli -g

创建项目


安装工程依赖，为了速度把 npm 换成淘宝的 cnpm

1
2
cnpm install
cnpm run dev