详解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之请求路由概述
Jul 05 NodeJs
nodejs 实现模拟form表单上传文件
Jul 14 NodeJs
Nodejs为什么选择javascript为载体语言
Jan 13 NodeJs
NodeJs基本语法和类型
Feb 13 NodeJs
nodejs 实现钉钉ISV接入的加密解密方法
Jan 16 NodeJs
async/await与promise(nodejs中的异步操作问题)
Mar 03 NodeJs
nodejs入门教程二:创建一个简单应用示例
Apr 24 NodeJs
NodeJs使用Mysql模块实现事务处理实例
May 31 NodeJs
原生nodejs使用websocket代码分享
Apr 07 NodeJs
Nodejs中的JWT和Session的使用
Aug 21 NodeJs
webpack打包nodejs项目的方法
Sep 26 NodeJs
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
May 30 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
咖啡风味 世界咖啡主要分布分布 咖啡的生长要求
2021/03/06 新手入门
PHP使用array_multisort对多个数组或多维数组进行排序
2014/12/16 PHP
Yii2.0高级框架数据库增删改查的一些操作
2015/11/16 PHP
PHP生成短网址方法汇总
2016/07/12 PHP
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
2009/11/04 Javascript
JavaScript初学者需要了解10个小技巧
2010/08/25 Javascript
jQuery 无刷新分页实例代码
2013/11/12 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
2014/11/02 Javascript
Nodejs学习笔记之入门篇
2015/04/16 NodeJs
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
jQuery 自定义下拉框(DropDown)附源码下载
2016/07/22 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
2017/04/26 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
简单了解node npm cnpm的具体使用方法
2019/02/27 Javascript
[02:18]《我与DAC》之工作人员:为了热爱DOTA2的玩家们
2018/03/28 DOTA
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
django站点管理详解
2017/12/12 Python
python 读文件,然后转化为矩阵的实例
2018/04/23 Python
python 保存float类型的小数的位数方法
2018/10/17 Python
python 划分数据集为训练集和测试集的方法
2018/12/11 Python
Python3实现的回文数判断及罗马数字转整数算法示例
2019/03/27 Python
Python爬虫学习之翻译小程序
2019/07/30 Python
使用tqdm显示Python代码执行进度功能
2019/12/08 Python
flask框架自定义url转换器操作详解
2020/01/25 Python
杭州SQL浙江浙大网新恩普软件有限公司
2013/07/27 面试题
小学教学随笔感言
2014/02/26 职场文书
我的中国梦演讲稿高中篇
2014/08/19 职场文书
乡镇防汛工作汇报
2014/10/28 职场文书
党支部对转正的意见
2015/06/02 职场文书
门球健将观后感
2015/06/16 职场文书
同学会感言
2015/07/30 职场文书
Nginx反向代理多个服务器的实现方法
2021/03/31 Servers
IDEA 链接Mysql数据库并执行查询操作的完整代码
2021/05/20 MySQL