【1】傻瓜式安装node
这里可以参考博文:Vue初学之使用npm搭建Vue环境
需要注意的是,在安装的时候修改了安装路径为 D:\Program Files\nodejs
【2】创建新的依赖包安装目录
D:\Program Files\nodejs\node_cache
D:\Program Files\nodejs\node_global
【3】修改配置信息
修改D:\Program Files\nodejs\node_modules\npm
目录下的.npmrc和npmrc文件。
prefix=D:\Program Files\nodejs\node_global
cache=D:\Program Files\nodejs\node_cache
【4】修改环境变量
新增系统变量NODE_PATH = D:\Program Files\nodejs\node_global\node_modules
。这一步的目的是为了使用时可以正常引入全局包,这个目录是全局包的下载位置。
修改用户变量C:\Users\12746\AppData\Roaming\npm 为 D:\Program Files\nodejs\node_global
cmd进行检测:npm config ls
【5】创建vue3工程报错
基于 vite 创建
## 1.创建命令
npm create vue@latest
报错如下所示,这里是权限问题。
修改文件 D:\Program Files\nodejs
的安全选项如下所示即可:
重新运行命令创建vue3 工程: