详解nodejs解压版安装和配置(带有搭建前端项目脚手架)


Posted in NodeJs onDecember 06, 2018

nodejs 安装 我先前用了nvm,觉得nvm挺厉害可以随时更换nodejs版本,但是研究了下,可能自己功力不够还是什么,并不好用,中间还出现了错误;所以最后还是卸载了;

本文图文并茂的一步一步的来,旨在好用简洁:

1】第一步:下载nodejs

中文官网:

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

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

详解nodejs解压版安装和配置(带有搭建前端项目脚手架)

2】第二步:解压上面下载的压缩包,然后在安装目录下新建两个文件夹node-cache 和node-global

这里要注意一定要在解压缩包当前目录里打开cmd窗口:shift+鼠标右键----->打开命令窗口,否则是没有npm命令的;

cmd执行,配置NPM全局模块路径和cache默认安装位置

npm config set cache "E:\nodeInstall\node-v10.14.0-win-x64\node-cache"
npm config set prefix "E:\nodeInstall\node-v10.14.0-win-x64\node-global"

3】第三步:修改配置环境变量

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

添加NODE_HOME :E:\nodeInstall\node-v10.14.0-win-x64 (你的nodejs安装根目录,如下图)
path添加: ;%NODE_HOME%;%NODE_HOME%\node-globa;

详解nodejs解压版安装和配置(带有搭建前端项目脚手架)

以上就配置好了环境变量;

4】第四步:修改npm镜像为taobao 为什么要这么做,因为如果用npm下载更新的话,npm速度回非常慢,而且容易出错;

npm install -g cnpm --registry=https://registry.npm.taobao.org 注意执行这个命令,黑窗口还是在你的nodejs 安装根目录,就是你上边一致执行的窗口;

执行完毕,关闭黑窗口命令;

5】第五步:重新打开cmd命令窗口(cnpm 命令无效说明上一步没做好,因为上一步已经配置了全局),安装vue-cli 脚手架:

cnpm install --global vue-cli

简写: cnpm i -global vue-cli

到这一步nodejs已经安装完了 ,并带有vue-cli;

6】第六步:随便在你的电脑选一位置(创建项目文件夹),cmd执行

vue init webpack xxx_front 其中“xxx_front”为你的前端项目名称,等待完成后,到此你的前端框架已经搭建完成;

7】运行项目:运行前先在你的项目根目录下:cnpm install 或cnpm i 安装前端需要的包,安装好回多出一个文件夹:node_modules

然后还是在你的项目跟目录,黑窗口执行cnpm run dev

后续打包的命令是cnpm run build

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

NodeJs 相关文章推荐
nodejs npm install全局安装和本地安装的区别
Jun 05 NodeJs
nodejs事件的监听与触发的理解分析
Feb 12 NodeJs
NodeJS实现阿里大鱼短信通知发送
Jan 17 NodeJs
Nodejs如何搭建Web服务器
Mar 28 NodeJs
Nodejs中 npm常用命令详解
Jul 04 NodeJs
NodeJS配置HTTPS服务实例分享
Feb 19 NodeJs
NodeJs下的测试框架Mocha的简单介绍
Feb 22 NodeJs
浅谈nodejs中的类定义和继承的套路
Jul 26 NodeJs
NodeJS实现视频转码的示例代码
Nov 18 NodeJs
详解nodejs 配置文件处理方案
Jan 02 NodeJs
基于Koa(nodejs框架)对json文件进行增删改查的示例代码
Feb 02 NodeJs
nodejs 递归拷贝、读取目录下所有文件和目录
Jul 18 NodeJs
NodeJs实现简单的爬虫功能案例分析
Dec 05 #NodeJs
nodejs 使用 js 模块的方法实例详解
Dec 04 #NodeJs
使用koa-log4管理nodeJs日志笔记的使用方法
Nov 30 #NodeJs
nodejs 使用nodejs-websocket模块实现点对点实时通讯
Nov 28 #NodeJs
NodeJs 文件系统操作模块fs使用方法详解
Nov 26 #NodeJs
详解从NodeJS搭建中间层再谈前后端分离
Nov 13 #NodeJs
手把手教你如何使用nodejs编写cli命令行
Nov 05 #NodeJs
You might like
分享8个Laravel模型时间戳使用技巧小结
2020/02/12 PHP
BOOM vs RR BO3 第二场2.13
2021/03/10 DOTA
点击隐藏页面左栏或右栏实现js代码
2013/04/01 Javascript
IE6-8中Date不支持toISOString的修复方法
2014/05/04 Javascript
一个JavaScript函数把URL参数解析成Json对象
2014/09/24 Javascript
js数组的基本操作(很全自己整理的)
2014/10/16 Javascript
jQuery获取对象简单实现方法小结
2014/10/30 Javascript
js操作滚动条事件实例
2015/01/29 Javascript
JavaScript实现网页对象拖放功能的方法
2015/04/15 Javascript
Jquery日期选择datepicker插件用法实例分析
2015/06/08 Javascript
JavaScript学习笔记整理之引用类型
2016/01/22 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
2017/05/10 Javascript
jquery Ajax实现Select动态添加数据
2017/06/08 jQuery
ES6深入理解之“let”能替代”var“吗?
2017/06/28 Javascript
jquery实现左右轮播图效果
2017/09/28 jQuery
Javascript中的作用域及块级作用域
2017/12/08 Javascript
JS解惑之Object中的key是有序的么
2019/05/06 Javascript
inquirer.js一个用户与命令行交互的工具详解
2019/05/18 Javascript
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
Python 字符串操作方法大全
2014/03/11 Python
python Django批量导入不重复数据
2016/03/25 Python
python按综合、销量排序抓取100页的淘宝商品列表信息
2018/02/24 Python
django初始化数据库的实例
2018/05/27 Python
解决python中遇到字典里key值为None的情况,取不出来的问题
2018/10/17 Python
Python django框架开发发布会签到系统(web开发)
2020/02/12 Python
python实现微信打飞机游戏
2020/03/24 Python
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
国际书籍零售商:Wordery
2017/11/01 全球购物
STUBHUB日本:购买和出售全球活动门票
2018/07/01 全球购物
读书活动总结范文
2014/04/26 职场文书
2014年会策划方案
2014/05/11 职场文书
离婚协议书范文2014
2014/10/16 职场文书
小学生毕业评语
2014/12/26 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书
python如何查找列表中元素的位置
2022/05/30 Python