最好还是WIN10系统,可以从容地安装最新版本的NODEJS,官网地址https://nodejs.org/en/下14的那个LTS,不建议下16,类似于JDK虽然16出来了,还是建议11,要么8不动,要么等17LTS。
对于老机器还有需求的朋友可以按以下步骤操作,已测最高版本的LTS,14就装不上了,有网友展示能绕过系统安装的不推荐,要是有那个水平也不用看这个帖子了:
1.下载12版本的LTS:https://www.cr173.com/soft/350865.html,官网老版本太慢
2.msi类似于EXE的文件安装即可,很简单node -v,npm -v, vue -V肯定没问题
3.安装后会有如下目录:
这里借鉴网友的做法,在当前目录里再建两个目录(其实建在哪都行):
设置npm的路径,打开cmd输入:
npm config set prefix “E:\nodejs\node_global”
npm config set cache “E:\nodejs\node_cache”
(以上是我的,改成你的)
然后配置环境变量(对于老手随便,新手最好配一下)
因为MSI这种安装有写入默认环境变量,而且在C盘里,需要将path里默认(可能机子不同略有不同)的路径:将类似C:\xxx\AppData\Roaming\npm(刚装好就在path里的最后面,在上面的用户变量里)改为E:\nodejs\node_global(这是我的,改成你的)
再新建NODE_PATH(类似于JAVA_HOME),变量值为:E:\nodejs\node_modules(这是我的,改成你的)
然后安装国内镜像:npm install -g cnpm --registry=http://registry.npm.taobao.org
(刚装完就忘,如果不行新换个终端,可能类似于刷新的问题)
再安装cnpm install -g vue-cli
再安装cnpm install webpack -g
webpack -v
可能会遇到这个问题:One CLI for webpack must be installed
(不建议网友打开E:\nodejs\node_global\node_modules\webpack\bin改webpack.js)
const pkgPath = require.resolve(`${cli.package}/package.json`);
//const pkgPath = "E:\\nodejs\\node_global\\node_modules\\webpack\\package.json"
(类似于改成这个样子不行,用下面的命令解决)
正确的解决方式:npm install webpack-cli -g
然后验证:C:\Users\Administrator>webpack -v
webpack 5.50.0
webpack-cli 4.8.0
安装成功!
创建第一个VUE项目:
这里不建议在安装目录了,找个别的workspace什么的,就是在别的地方新建一个文件夹。
在此目录(空目录)里打开CMD:vue init webpack firstApp
一路回车或YES订制模板,最后生成如下目录:
然后
http://localhost:8080访问成功