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

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

1】第一步:下载nodejs

中文官网:

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

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

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-global;

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

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解压版安装和配置(带有搭建前端项目脚手架)的更多相关文章

  1. MySQL解压版安装配置详解

    MySQL解压版安装起来比较简单,步骤相对较少.下面我们就来详细介绍一下如何在windows操作系统上安装解压班的MySQL. 1.下载解压版MySQL,地址:http://downloads.mys ...

  2. mysql 5.7.21 解压版安装配置方法图文教程

    引用:https://www.jb51.net/article/140951.htm 1.首先,你要下载MySQL解压版,下载地址,图解: 2.解压安装包,根据自己的喜好选择路径,我选择的路径是C:\ ...

  3. MariaDB数据解压版安装(10.0.16)

    官网下载地址:https://downloads.mariadb.org/    (自己选择版本下载) 在windows 7 下安装 1.下载到解压版安装文件mariadb-10.0.16-win32 ...

  4. MySQL5.7.23解压版安装教程

    每次找安装教程太麻烦,因此给自己备份一下步骤,方便以后查看.解压版下载地址https://dev.mysql.com/downloads/mysql/,详细图解如下: 1.根据自己需求,选择适合自己的 ...

  5. MySQL5.7.21解压版安装详细教程

    由于本人经常装系统,每次装完系统之后都要重新安装一些软件,安装软件的时候又要上网查找安装的教程,比较麻烦,所以自己整理了MySQL5.7.21解压版的安装方法,以便查看. 1.首先,你要下载MySQL ...

  6. MySQL5.7.25解压版安装详细教程

    MySQL5.7.25解压版安装详细教程 安装步骤: 1.首先,你要下载MySQL解压版,下载地址:https://www.mysql.com/downloads/,图解: 2.解压安装包,根据自己的 ...

  7. MySQL 5.7 解压版 安装教程(图文详细)[Windows]

    最近在学习中用到了MySQL数据库,在安装过程中遇到了不少问题,在翻了大半天百度后,问题基本都解决了,所以写一篇MySQL 5.7 解压版的图文详细安装教程. 至于为什么我会选择解压版而不是安装版,一 ...

  8. MySQL5.7.21解压版安装详细教程(转)

    由于本人经常装系统,每次装完系统之后都要重新安装一些软件,安装软件的时候又要上网查找安装的教程,比较麻烦,所以自己整理了MySQL5.7.21解压版的安装方法,以便查看. 1.首先,你要下载MySQL ...

  9. MySQL踩坑及MySQL解压版安装

    MySQL默认当前时间: MySQL5.5版本以下是不支持:datetime default now() 的,只能写成 timestamp default now() ; 而MySQL5.6以上是支持 ...

随机推荐

  1. 2020-04-08:谈一下IOC底层原理

    Ioc的底层原理 (1)xml配置文件 (2)dom4j解析xml (3)工厂设计模式 (4)反射

  2. C#LeetCode刷题之#581-最短无序连续子数组( Shortest Unsorted Continuous Subarray)

    问题 给定一个整数数组,你需要寻找一个连续的子数组,如果对这个子数组进行升序排序,那么整个数组都会变为升序排序. 你找到的子数组应是最短的,请输出它的长度. 输入: [2, 6, 4, 8, 10, ...

  3. 漏洞重温之文件上传(FUZZ)

    文件上传FUZZ思路通关upload-labs Pass-16 黑盒阶段 进入第十六关,首先我们能看到,该页面的上传点为图片上传. 首先,先把对方想的简单一点,这里虽然是上传图片,但是可能只是前端js ...

  4. 企业项目实战 .Net Core + Vue/Angular 分库分表日志系统 | 简单的分库分表设计

    前言 项目涉及到了一些设计模式,如果你看的不是很明白,没有关系坚持下来,写完之后去思考去品,你就会有一种突拨开云雾的感觉,所以请不要在半途感觉自己看不懂选择放弃,如果我哪里写的详细,或者需要修正请联系 ...

  5. 使用树莓派搭建LoRaWAN网关并接入腾讯云物联网开发平台

    安装树莓派环境 制作镜像 下载img文件烧录器 传送门:img文件烧录器地址,下载完成之后双击安装 下载镜像文件 传送门:树莓派系统镜像 推荐下载这个版本的img,因为有桌面,并且大小适中. 下载完之 ...

  6. UML活动图(二)

    转载于https://www.cnblogs.com/xiaolongbao-lzh/p/4591953.html 活动图概述 •活动图和交互图是UML中对系统动态方面建模的两种主要形式 •交互图强调 ...

  7. 手把手教你使用VUE+SpringMVC+Spring+Mybatis+Maven构建属于你自己的电商系统之vue后台前端框架搭建——猿实战01

            猿实战是一个原创系列文章,通过实战的方式,采用前后端分离的技术结合SpringMVC Spring Mybatis,手把手教你撸一个完整的电商系统,跟着教程走下来,变身猿人找到工作不是 ...

  8. SEGGER studio问题

    刚开始学习用SEGGER studio编译调试nordic 52840程序,在此记录遇到的问题. 1.  Additional Load File[0]:"E:\nordic/nRF5_SD ...

  9. 在vue中使用echarts报错Cannot read property getAttribute of null

    报错信息如下: 报错代码: mounted() { // ... this.drwaCharts() // drawCharts方法为自己定义的包含渲染 echarts 图表的方法 // ...} 之 ...

  10. aarch64 packages 地址链接收集

    1.http://dl.fedoraproject.org/pub/epel/7/aarch64 2.https://rpmfind.net/linux/epel/7/aarch64/ 3.http: ...