详解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的require模块(文件模块/核心模块)及路径介绍
Jan 14 NodeJs
Nodejs sublime text 3安装与配置
Jun 19 NodeJs
NodeJS学习笔记之Connect中间件模块(二)
Jan 27 NodeJs
详解nodejs 文本操作模块-fs模块(二)
Dec 22 NodeJs
实例分析nodejs模块xml2js解析xml过程中遇到的坑
Mar 18 NodeJs
详解nodejs微信公众号开发——1.接入微信公众号
Apr 10 NodeJs
nodejs body-parser 解析post数据实例
Jul 26 NodeJs
Windows下使用Nodejs运行js的方法
Sep 02 NodeJs
原生nodejs使用websocket代码分享
Apr 07 NodeJs
用Electron写个带界面的nodejs爬虫的实现方法
Jan 29 NodeJs
nodejs如何在package.json中设置多条启动命令
Mar 16 NodeJs
使用nodejs实现JSON文件自动转Excel的工具(推荐)
Jun 24 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
检查url链接是否已经有参数的php代码 添加 ? 或 &
2010/02/09 PHP
PHP中通过fopen()函数访问远程文件示例
2014/11/18 PHP
php+mysqli数据库连接的两种方式
2015/01/28 PHP
PHP数组与对象之间使用递归实现转换的方法
2015/06/24 PHP
php strftime函数的详细用法
2018/06/21 PHP
thinkphp3.2同时连接两个数据库的简单方法
2019/08/13 PHP
js Date概念详细介绍
2013/11/22 Javascript
jquery live()调用不存在的解决方法
2014/02/26 Javascript
特殊情况下如何获取span里面的值
2014/05/20 Javascript
关于编写性能高效的javascript事件的技术
2014/11/28 Javascript
充分发挥Node.js程序性能的一些方法介绍
2015/06/23 Javascript
基于js对象,操作属性、方法详解
2016/08/11 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
2017/09/05 Javascript
详解使用webpack构建多页面应用
2017/12/21 Javascript
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
如何制作一个Node命令行图像识别工具
2018/12/12 Javascript
Angular2实现的秒表及改良版示例
2019/05/10 Javascript
微信小程序实现多图上传
2020/06/19 Javascript
vue 使用rules对表单字段进行校验的步骤
2020/12/25 Vue.js
[06:04]DOTA2英雄梦之声Vol19卓尔游侠
2014/06/20 DOTA
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
爬山算法简介和Python实现实例
2014/04/26 Python
python中使用mysql数据库详细介绍
2015/03/27 Python
Python出现segfault错误解决方法
2016/04/16 Python
python re模块findall()函数实例解析
2018/01/19 Python
Django视图扩展类知识点详解
2019/10/25 Python
python导入不同目录下的自定义模块过程解析
2019/11/18 Python
医护人员英文求职信范文
2013/11/26 职场文书
通信研究生自荐信
2014/02/01 职场文书
期末评语大全
2014/05/04 职场文书
会计学专业求职信
2014/07/17 职场文书
八荣八耻演讲稿
2014/09/15 职场文书
2014年大学生工作总结
2014/11/20 职场文书
2014年节能减排工作总结
2014/12/06 职场文书
Nginx本地目录映射实现代码实例
2021/03/31 Servers
分布式架构Redis中有哪些数据结构及底层实现原理
2022/03/13 Redis