手机版

详细说明nodejs解压版的安装配置(前端项目带脚手架)

时间:2021-08-28 来源:互联网 编辑:宝哥软件园 浏览:

Nodejs安装我之前用过nvm。我认为nvm非常强大,我可以随时更改nodejs版本。但是学了之后可能技能不够什么的,也不太好用。中间还是有错误;所以最后卸载了;

本文以简单明了为目标,一步步进行阐述:

1]步骤1:下载nodejs

中国官方网站:

https://nodejs.org/zh-cn/download/

下图是最新版本。不要害怕这是最新的直接下载。选择windows版本,LTS是长期支持版本,如箭头所示下载64位压缩版本;个人觉得压缩版就够了;(可能安装的版本功能比较多,为了方便,这里用解压版本就够了。)

2]步骤2:解压缩上面下载的压缩包,然后在安装目录下创建两个新文件夹节点-缓存和节点-全局

这里注意打开解压包当前目录下的cmd窗口:移动鼠标右键-打开命令窗口,否则没有npm命令;

Cmd执行,配置NPM全局模块路径和缓存默认安装位置

NPM配置集缓存' e: \节点安装\节点-v10.14.0-win-x64 \节点缓存' NPM配置集前缀' e: \节点安装\节点-v10.14.0-win-x64 \节点-全局' 3 '的段落

右键单击桌面上的我的电脑(或计算机)-属性-高级系统设置-环境变量-

添加node _ home : e 3360 \ node install \ node-v 10 . 14 . 0-win-x64(您的nodejs安装根目录,如下图所示)并在路径中添加:% NODE _ HOME %% NODE _ HOME % \ NODE-globa;

上面配置了环境变量;

4]第四步:修改npm镜像到淘宝为什么要这样做,因为如果用npm下载更新,npm速度会很慢,容易出错;

注意执行这个命令。黑色窗口仍然在nodejs安装的根目录中,这是您在上面一致执行的窗口;

执行后关闭黑窗命令;

5]步骤5:重新打开cmd命令窗口(无效的cnpm命令表示上一步没有做好,因为上一步已经配置了全局情况),安装vue-cli支架:

Cnpm install - global vue-cli缩写: cnpm i -global vue-cli

在这一步,nodejs已经安装了vue-CLI;

6]步骤6:只需在计算机上选择一个位置(创建一个项目文件夹)并用cmd执行它

Vue init webpack xxx_front,其中“xxx_front”是您的前端项目的名称。等待完成后,你的前端框架已经搭建好了;

7]运行项目:运行前,在您的项目根目录下安装前端所需的包:cnpm install或cnpm i,再安装一个文件夹:node_modules

然后在项目和目录中执行cnpm运行dev,黑色窗口

随后打包的命令是cnpm运行构建

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

版权声明:详细说明nodejs解压版的安装配置(前端项目带脚手架)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。