详细说明nodejs解压版的安装配置(前端项目带脚手架)
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或者邮箱删除。