一,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