一，nodejs环境安装
1，搜索nodejs相关安装包下载安装路径：D:\nodejs
此时D:\nodejs中包含node、npm、npx等命令文件，
D:\nodejs\node_modules包含默认node的模块npm命令对应的npm依赖
2，修改默认npm包管理工具：
（1）修改npm全局模块安装路径cmd：npm config set prefix D:\nodejs
注：全局模块默认c盘，修改后为D:\nodejs\node_modules下和安装包自带的npm模块一起
默认安装在：C:\Users\Administrator\AppData\Roaming\npm\node_modules中
（2）设置npm缓存文件路径cmd：npm config set cache D:\nodejs\node_cache
（3）设置npm淘宝镜像cmd：npm config set registry http://registry.npm.taobao.org/
注：部分项目淘宝镜像有莫名其妙bug，可以选择安装cnpm模块选择使用镜像
直接安装cnpm模块cmd: npm install cnpm -g --registry=https://registry.npm.taobao.org
或继续安装yarn包管理工具:
（1）安装yarn包管理工具cmd: npm install -g yarn
（2）修改yarn全局模块安装路径cmd：yarn config set global-folder D:\nodejs,
默认安装在：C:\Users\Administrator\AppData\Local\Yarn\Data\global\node_modules中
（3）设置yarn缓存文件路径cmd：yarn config set cache-folder D:\nodejs\node_cache
修改C:\Users\Administrator目录下‘.yarnrc’文件，两个 global-folder ，改为 --global-folder上面2,3生效
（4) 设置淘宝镜像cmd：yarn config set registry https://registry.npm.taobao.org/
升级npm：npm install -g npm，会重置npm配置，需要重新配置上面设置
npm和yarn为包管理工具，设定他们的模块路径为：D:\nodejs，此时安装其他模块：
模块提供命令的文件装D:\nodejs下（普通模块没有），模块的依赖装在D:\nodejs\node_modules下
二，vue项目创建
1，全局安装脚手架模块cmd：npm install -g @vue/cli 或 yarn global add @vue/cli
注： 请提前卸老版本即vue-cli，否则创建项目会失败
此时只包含npm，yarn、@vue/cli、@vue包
2，可视化创建项目cmd：vue ui
*以上操作仅适用于windows
网友评论