安装NodeJs并配置迁移vue项目的环境

雨点打透心脏的1/2处 2023-03-06 08:17 14阅读 0赞

1.将NodeJs安装到自己选定的文件夹，环境变量中**默认**会添加至PATH

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQyNTk1Ng_size_16_color_FFFFFF_t_70][]

2.使用npm -v或者node -v查看是否安装成功（前者是node的包管理，现在基本上集成到了NodeJs里面了）

3.设置npm使用国内镜像（推荐）

npm config set registry=http://registry.npm.taobao.org

或者采用cnpm进行后续包的安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

4.安装vue-cli脚手架（我用的是3.x得1版本【记得带上@】，在这个版本可以使用vue ui，否则输入vue ui无反应）

npm i -g @vue/cli

5.查看npm全局安装的包

npm list -g --depth 0

6.使用vue ui打开可视化界面

如果提示没有vue命令，一般是nodeJs的安装的脚本环境没有配置到Path（也可以按照其他博主在安装node时使用set命令自定义cache文件夹，不过我喜欢这样）

1.npm config list 可以显示全局安装的脚本文件位于哪里

2.在path中把prefix的路径添加到Path变量中

3.重启cmd既可运行vue

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQyNTk1Ng_size_16_color_FFFFFF_t_70 1][]

7.在导入的vue项目中使用npm install命令安装node\_modeules依赖文件

注意：如果此项目中存在package-lock.json文件，记得先删除，否则安装报错切在vue中运行报出如下错误

Error while running task C:Usersxxxxxxxx:serve with message spawn vue-cli-service ENOENT

参考:[https://aijiumai.cn/view/item/46.html][https_aijiumai.cn_view_item_46.html]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQyNTk1Ng_size_16_color_FFFFFF_t_70]: /images/20230208/1adb37630a3e45319d78eff7c6c83c40.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQyNTk1Ng_size_16_color_FFFFFF_t_70 1]: /images/20230208/9e880b5ff7ac4dfe96024cf7b0f065d8.png
[https_aijiumai.cn_view_item_46.html]: https://aijiumai.cn/view/item/46.html