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访问成功

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安装 Node.js 18.14.1,您可以按照以下步骤进行操作: 1. 首先,打开 Node.js 官方网站:https://nodejs.org/ 2. 在官方网站的首页上,您会看到 "LTS" 和 "Current" 两个版本选项。请注意,LTS 版本是长期支持版本,而 Current 版本是最新版本但不是长期支持版本。根据您的需求选择合适的版本。 3. 在 LTS 或 Current 版本下,您会看到 "Recommended for Most Users" 和 "Other Downloads" 两个下载选项。建议选择 "Recommended for Most Users" 下的安装包,因为它适用于大多数用户。 4. 点击所选版本下的安装包链接,您将被重定向至下载页面。 5. 在下载页面上,您可以选择适合您操作系统的安装包。Node.js 支持多种操作系统,如 Windows、macOS 和 Linux。点击适合您操作系统的安装包链接进行下载。 6. 下载完成后,运行安装包进行安装。按照安装向导的指示进行操作即可。 7. 在安装过程中,默认情况下会自动安装 Node.js 的 npm 包管理器。确保选择将 npm 添加到系统路径中,这样您就可以在命令行中直接使用 npm 命令了。 8. 安装完成后,您可以打开终端或命令提示符窗口,并输入以下命令来验证 Node.js 是否成功安装: ``` node -v npm -v ``` 如果您能够看到与您安装版本相匹配的 Node.js 和 npm 的版本号,则表示安装成功。 希望这些步骤对您有帮助!如果您还有其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值