win7安装最高LTS版本nodejs12.18.1,vue2.9.6全过程

最好还是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访问成功

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值