精华内容
下载资源
问答
  • Nodejs/Vue安装及环境配置

    千次阅读 2020-11-25 16:54:22
    (1)建议还是修改一下安装位置,NodeJS默认安装位置为 C:\Program Files安装,可以选择自己的安装位置,安装时一直都是next,我选择的是“C:\” (2)在"C:"下打开cmd 输入 node -v // 查看node的版本,出现版本...

    一、下载Node.js

    1、下载地址:https://nodejs.org/en/download/
    2、下载:注意选择 系统和位数 ,注意下载的地址:

    在这里插入图片描述

    3、安装:

    (1)建议还是修改一下安装位置,NodeJS默认安装位置为 C:\Program Files安装,可以选择自己的安装位置,安装时一直都是next,我选择的是“C:\”
    (2)在"C:"下打开cmd 输入

      node -v		  // 查看node的版本,出现版本就安装成功了!
      npm -v		 // 查看node的版本,出现版本就安装成功了!
    

    二、环境配置:

    1、创建npm模块目录:

    分别在node里安装目录下创建node_cache和node_global两个文件夹。
    在这里插入图片描述

    2、打开cmd输入:
    npm config set prefix "C:\node\node_global"
    npm config set cache "C:\node\node_cache"
    
    3、配置环境变量:
    	我的电脑->右键->属性->高级系统设置->高级->环境变量
    

    在这里插入图片描述
    系统变量配置:
    复制“C:\node\node_global\node_modules”路径
    在这里插入图片描述
    在这里插入图片描述
    配置完 系统变量,接下来配置 用户变量,复制你的“…\node_global”路径。
    复制node下的“…\node_global”路径代替Path路径。配置写完路径后全部点击确定就可以了。

    在这里插入图片描述

    三、vue安装(命令行安装):

    1、vue-cli安装:
    cnpm install --global vue-cli	 // vue-cli全局安装
    vue -V			       //查看版本,注意V 是大写
    
    2、npm安装:
    cnpm install npm -g
    npm -v		       //查看版本,注意v 是小写,处理查vue是大写
    
    3、cnpm 安装:
    npm install cnpm -g		// 升级安装cnpm
    或
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    

    在这里插入图片描述

    4、vue/cli安装查看:
    npm install -g @vue/cli
    

    在这里插入图片描述

    5、express模块安装(按需求安装):
    npm install express -g 		// -g是全局安装的意思
    

    在这里插入图片描述
    在这里插入图片描述
    这样就安装好了!加油!一起进步~

    展开全文
  • Node.js安装及环境配置之Windows篇-Vue开发环境搭建(一) 转自:https://www.cnblogs.com/zhouyu2017/p/6485265.html 一、安装环境 1、本机系统:Windows 10 Pro(64位) 2、Node.js:v6.9.2LTS(64位) 二、...

    Node.js安装及环境配置之Windows篇-Vue开发环境搭建(一)

    转自:https://www.cnblogs.com/zhouyu2017/p/6485265.html

     

    一、安装环境

    1、本机系统:Windows 10 Pro(64位)
    2、Node.js:v6.9.2LTS(64位)

    二、安装Node.js步骤

    1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/
    2、选安装目录进行安装
    3、环境配置
    4、测试

    三、前期准备

    1、Node.js简介
    简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
    2、下载Node.js
    打开官网下载链接:https://nodejs.org/en/download/ 我这里下载的是node-v6.9.2-x64.msi,如下图:

    四、开始安装

    1、下载完成后,双击“node-v6.9.2-x64.msi”,开始安装Node.js


    点击【Next】按钮


    勾选复选框,点击【Next】按钮


    修改好目录后,点击【Next】按钮


    安装完后点击【Finish】按钮完成安装

    至此Node.js已经安装完成,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置
    在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口

    安装完后的目录如下图所示:

    此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

    五、环境配置

    说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
    例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

    创建完两个空文件夹之后,打开cmd命令窗口,输入

    npm config set prefix "D:\Develop\nodejs\node_global"
    npm config set cache "D:\Develop\nodejs\node_cache"

    接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

    进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】,将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

    六、测试

    配置完后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口,
    输入如下命令进行模块的全局安装:

    npm install express -g     # -g是全局安装的意思

     

    展开全文
  • **由于在开发vue项目时遇到了node-sass安装不上的问题,所以重新配置了一下node环境,也严格按照对应版本号安装。** 1.nodeJS版本 10.23.0 (vue项目中sass4.0版本号对应) 下载路径: ...
    1.nodeJS版本 10.23.0 (vue项目中sass4.0版本号对应-https://blog.csdn.net/weixin_44748205/article/details/115118322)
    	下载路径: https://nodejs.org/zh-cn/download/releases/
    

    在这里插入图片描述

    	检测: win+R输入cmd回车打开命令窗口,输入node -v 显示版本号则全局环境配置成功了
    
    2. 安装 npm包管理工具(node10.0对应6.14.8版本)(node10.23.0版本自带了,直接输入命令验证)
    	npm(node package manager)nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
    	检测: 打开cmd输入npm -v 出现版本号则成功
    	此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西
    	进入到nodejs安装目录下点击执行npm.cmd文件生成node_global 文件(以管理员身份运行)  或  手动创建npde_global文件夹
    
    	加快npm启动速度(3种方式)
    	1.使用以下命令:npm config set registry=http://registry.npm.taobao.org/
    	2.使用全局设置的命令:
    		npm config set registry https://registry.npm.taobao.org --global
    		npm config set disturl https://npm.taobao.org/dist --global
    	3.找到node.js的安装目录,进入nodejs\node_modules\npm找到文件npmrc,打开后在该文件末尾加上这一行		registry = https://registry.npm.taobao.org
    
    3.安装express(安装命令: npm install express -g)(以管理员身份运行CMD命令窗口再执行) 或 手动创建  node_cache 文件夹
    	Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。
    

    在这里插入图片描述

    4.安装CNPM 包管理工具
    	安装命令:  npm install -g cnpm --registry=https://registry.npm.taobao.org
    	npm是node官方的包管理器。cnpm是个中国版的npm,是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm。
    	手动配置环境变量:
    	win10: 桌面 -> 单机右键 ->  属性 -> 高级系统设置 参考下图:
    	检验: cnpm -v
    	
    

    在这里插入图片描述
    在这里插入图片描述

    5.安装yarn 包管理工具 (https://yarn.bootcss.com/docs/)
    	安装命令:  npm install yarn -g
    	Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ,正如官方文档中写的,Yarn 是为了弥补 npm 的一些缺陷而出现的。
    	检验: yarn -v
    #缓存目录修改:
    	npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过,一使用缓存目录就生成了),我们试图把这2个目录移动回到D:\software\nodejs\
    	(1)首先确认nodejs文件夹下是否存在node_cache、node_global两个文件夹,没有则需要创建
    

    在这里插入图片描述

    然后cmd运行以下2条命令(一定要注意自己的路径,复制的时候一定要注意空格):
    npm config set prefix "D:\software\nodejs\node_global "
    npm config set cache "D:\software\nodejs\node_cache"
    	检验: 查看npm默认安装路径 npm config get prefix
    	显示D:\software\nodejs \node_cache则修改成功
    
    #安装说明:
    	杠(-S) 即 save(保存)
    包名会被注册在package.json的dependencies里面,在生产环境下这个包的依赖依然存在
    杠(-D) 即 dev(生产)
    包名会被注册在package.json的devDependencies里面,仅在开发环境下存在的包用-D,如babel,sass-loader这些解析器
    
    6.测试(以管理员身份运行CMD命令窗口再执行)
    (1)安装vue (vue脚手架不同版本的区别和介绍_一位前行者的博客-CSDN博客_vue脚手架和vue的区别)
    	npm install vue -g
    (2)安装脚手架
    	2.9.6版本的安装:npm install -g vue-cli 
    3.0.0版本的安装:npm install -g @vue/cli
    检验vue: vue -V
    
    (3)安装webpack
    PS:不要忘记webpack4.+开始webpack-cli是必备的哦 版本号一定要对应
       npm install --g webpack@4.44.2 webpack-dev-server@3.11.2 webpack-cli@3.3.12
    
    (4)创建vue项目测试(这里的版本号是指脚手架的版本号)
    	2.9.6 初始化项目是用 vue init webpack my-project  
    	3.0.0 以上初始化项目是用 vue create my-project
    	打开cmd窗口,进入指定文件夹,输入初始化项目语句…
    	运行项目输入网址,访问成功说明环境搭建成功~
    参考下图:
    

    在这里插入图片描述

    -------------------------------------------错误信息--------------------------------------------------------

    1.npm安装yarn报错
    错误码:
    Error: Could not create the Java Virtual Machine. 
    Error: A fatal exception has occurred. Program will exit.
    
    原因: 由于node.js中的yarn和hadoop的冲突了,系统环境变量也都配置了全局环境。
    网上解决方案: https://blog.csdn.net/weixin_46759393/article/details/117968453
    我的解决方案: 异想天开的我这么做的,把node相关环境变量放在HADOOP之前,居然成功了!!!
    万能大法,重启电脑~
    然后再执行yarn -v居然显示了版本号。
    

    在这里插入图片描述

    将node配置路径移到HADOOP之前:
    

    在这里插入图片描述

    2.vue-element-admin-master项目安装依赖报错
    错误码:
    npm ERR! C:\Program Files\Git\cmd\git.EXE ls-remote -h -t https://github.com/nhn/raphael.git
    npm ERR! fatal: unable to access 'https://github.com/nhn/raphael.git/': OpenSSL SSL_read: Connection was reset, errno 10054
    npm ERR! exited with error code: 128
    原因:
    解决方案: 
    	清空缓存命令(如果终端执行不了就打开cmd窗口执行): npm cache clean --force
    	使用淘宝镜像: npm config set registry https://registry.npm.taobao.org
    	重新安装依赖: npm install
    

    在这里插入图片描述

    3.git导出项目失败
    错误码: fatal: unable to access 'https://github.com/taylorchen709/vue-admin.git/': Empty reply from server
    解决方案: 将git clone https:// github...... 改成 git clone git:// github…
    

    在这里插入图片描述

    4. 安装node-sass报错时执行
    错误码: npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`
    原因: 网速不好或者版本过高,用淘宝镜像安装
    解决方案:
    	配置一下淘宝镜像: npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass
    	重新安装依赖: npm install
    

    在这里插入图片描述

    展开全文
  • Vue-cli脚手架安装+nodejs安装环境配置安装nodejs首先官网下载nodejs配置npm全局安装模块存放路径设置系统环境变量安装cnpm注意设置npm国内镜像下载vue-cli创建脚手架项目首先用命令行命令进入你想创建项目的位置...

    安装nodejs

    首先官网下载nodejs

    Nodejs官网:https://nodejs.org/en/,根据自己的系统下载对应node版本
    在这里插入图片描述

    在这里插入图片描述
    下载之后安装,一路next即可,无脑下一步,只需注意安装路径,要不不想安装在c盘可以改变路径
    安装时要改目录 D:\Nodejs\anzhuang

    安装完成后命令行输入node -v 和npm -v,显示对应版本号即表示安装成功

    配置npm全局安装模块存放路径

    默认npm全局安装的模块在C:\Users\你的用户名\AppData\Roaming\npm目录下,
    这里在我们刚刚新建的Nodejs文件夹中新建两个文件夹node_local和node_cache
    在这里插入图片描述

    以管理员权限打开cmd窗口 注意一定要以管理员身份运行

    根据自己安装的路径设置

    npm config set prefix "D:\Nodejs\anzhuang\node_global" 
    npm config set cache"D:\Nodejs\anzhuang\node_cache"
    
    

    在这里插入图片描述
    可以通过c盘用户下的.npmrc查看
    在这里插入图片描述
    在这里插入图片描述

    设置系统环境变量

    打开高级系统设置,点击环境变量,新建系统环境变量NODE_PATH,路径设置为我们node_global文件夹的位置

    NODE_PATH:D:\Nodejs\anzhuang\node_global\node_modules
    之所以要配置NODE_PATH这个环境变量是因为NODE_PATH 就是node用来寻找全局注册模块的路径

    因为通过node下载的全局模块最终都会存放在\node_global\node_modules这个目录下,所以NODE_PATH后面要加上node_modules
    在这里插入图片描述

    安装cnpm

    由于使用npm安装模块都是从国外服务器下载,对于国内用户来说有时候会非常忙,可以使用cnpm淘宝镜像源,速度会快许多。

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    

    cnpm -v检查是否安装成功。

    注意

    如果安装或使用npm报错,一定要使用管理员身份运行
    在这里插入图片描述

    设置npm国内镜像

    npm使用国内淘宝镜像

    npm config set registry https://registry.npm.taobao.org
    

    通过如下命令可以查看是否配置成功

    npm config get registry
    

    npm项目管理

    项目初始化

    #建立一个空文件夹,在命令提示符进入该文件夹  执行命令初始化
    npm init
    
    #按照提示输入相关信息,如果是用默认值则直接回车即可。
    #name: 项目名称
    #version: 项目版本号
    #description: 项目描述
    #keywords: {Array}关键词,便于用户搜索到我们的项目
    #最后会生成package.json文件,这个是包的配置文件,相当于maven的pom.xml
    #我们之后也可以根据需要进行修改。
    
    #如果想直接生成 package.json 文件,那么可以使用命令
    npm init -y
    

    npm install命令的使用

    #使用 npm install 安装依赖包的最新版,
    #模块安装的位置:项目目录\node_modules
    #安装会自动在项目目录下添加 package-lock.json文件,这个文件帮助锁定安装包的版本
    #同时package.json 文件中,依赖包会被添加到dependencies节点下,类似maven中的 <dependencies>
    npm install jquery
    
    
    
    #如果安装时想指定特定的版本
    npm install jquery@2.1.x
    
    
    #npm管理的项目在备份和传输的时候一般不携带node_modules文件夹
    npm install #根据package.json中的配置下载依赖,初始化项目
    
    
    #devDependencies节点:开发时的依赖包,项目打包到生产环境的时候不包含的依赖
    #使用 -D参数将依赖添加到devDependencies节点
    npm install --save-dev eslint
    #或
    npm install -D eslint
    
    #全局安装
    #Node.js全局安装的npm包和工具的位置:用户目录\AppData\Roaming\npm\node_modules
    #一些命令行工具常使用全局安装的方式
    npm install -g webpack
    

    其它命令

    #更新包(更新到最新版本)
    npm update 包名
    
    #全局更新
    npm update -g 包名
    
    #卸载包
    npm uninstall 包名
    
    #全局卸载
    npm uninstall -g 包名
    

    下载vue-cli

    进行这一步一定要记得npm镜像要换不然可能很慢或者下载失败
    如果提示权限不够就以管理员身份运行

    npm install -g @vue/cli
    

    直到到装成功运行vue提示如下即成功
    在这里插入图片描述

    创建脚手架项目

    首先用命令行命令进入你想创建项目的位置

    在这里插入图片描述

    执行命令

    vue create 项目名
    

    我执行 vue create vue-cli2进入如下界面
    在这里插入图片描述
    可以上下选中直接回车即可
    在这里插入图片描述

    按照它的提示执行命令

    cd 项目名
    npm run serve
    

    在这里插入图片描述
    按照提示输入ip地址访问即可

    退出按下两下ctrl+c即可
    在这里插入图片描述

    nodejs

    展开全文
  • 作者最近也准备学习一些热门的前端技术,以前都是随着后面接触到了Angular、Vue等项目,作者动起手来很吃力,这几天开始学习VueJS。特地写几篇文章记录一下学习心得,如有写的不对的地方,还请各位指正。(小弟不胜...
  • 1. Node.js安装配置(Windows10) 1.官网添加链接描述选LTS 一路next 安装完成后 2.查看node以及npm版本号 最新版的node在安装时同时也安装了npm,执行npm -v查看npm版本 3.默认情况下,我们在执行npm install -g ...
  • 超详细的Nodejs安装及环境配置vue ui可视化新建项目 最近在重装node,正好再重新走一遍node安装配置流程,记录一下~~ 第一步:下载安装包 点击这里下载:node官网 根据电脑系统位数选择,我这里选择windows64位....
  • NodeJS 安装及环境配置

    万次阅读 多人点赞 2019-01-25 14:00:44
    随着后面接触到了Angular、Vue等项目,作者动起手来很吃力,这几天开始学习VueJS。特地写几篇文章记录一下学习心得,如有写的不对的地方,还请各位指正。(小弟不胜感激(▽)) 一、NodeJS下载 1.下载NodeJS安装包 ...
  • Nodejs安装及环境配置

    2020-07-08 12:21:41
    Nodejs安装及环境配置 1、下载安装包 下载地址:https://nodejs.org/en/ 根据自己电脑系统位数选择 2、安装 双击安装包,开始安装安装路径默认在C:\Program Files下,可以自定义安装路径 一直next,直到...
  • Nodejs超详细安装及环境配置

    万次阅读 多人点赞 2020-06-22 14:56:12
    Nodejs安装及环境配置 #转自 https://www.jianshu.com/p/13f45e24b1de(简书:A月半小夜曲) 1、下载安装包 下载地址:https://nodejs.org/zh-cn/download/ 根据自己电脑系统位数选择,我这里选择windows64位.msi...
  • 学习Vue有一段时间了,今天不小心删除了node.js,导致项目无法运行,趁这个机会写一篇如何在Windows中搭建Vue环境吧。 安装node.js 全局安装Vue-cli脚手架 npm install -g vue-cli 创建项目 vue init webpack ...
  • npm:是随同 NodeJS 一起安装的包管理工具,能解决 NodeJS 代码部署上的很多问题。比如常用的有: 允许用户从 NPM 服务器下载别人编写的第三方包到本地使用。 允许用户从 NPM 服务器下载并安装别人编写的命令行...
  • nodejs下载安装及配置环境

    万次阅读 多人点赞 2019-05-30 16:23:39
    使用vue安装nodejs是基础,我在这把我自己安装步骤教给大家 1.下载 下载地址:https://nodejs.org/en/download/ 2.安装: 1.下载完之后,双击打开: 2.点击next开始安装 3.选择"接受按钮",进行下一步 4.选择...
  • 2.安装极其简单,一直next下去,不要有任何顾虑。 3.win+r输入cmd,然后输入以下命令,以下命令目的是查看环境变量。 4.查看node和npm版本 5.再看看另外2个目录,npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-...
  • NodeJS安装及环境配置(windows)

    千次阅读 2019-12-02 15:07:08
    一、安装环境 1、本机系统:Windows 10 Pro(64位) 2、Node.js:v6.9.2LTS(64位) 二、安装Node.js步骤 ...3、环境配置 4、测试 三、前期准备 1、Node.js简介 简单的说 Node.js 就是运行在服务端的 Java...
  • 但我实际安装时,百度中随机找了三篇文章,发现三篇文章的安装配置方式细节都不一样,一时懵逼了,究竟哪个是正确的?经过本人安装测试,下面的方法为最快捷有效的方法,不用一堆胡乱的配置和改动。1.下载nodejs中文...
  • nodejs安装及环境配置

    2019-07-26 00:18:49
    nodejs安装及环境配置 下载及安装: https://www.cnblogs.com/liuqiyun/p/8133904.html 问题:Error: EPERM: operation not permitted, mkdir ‘C:\Program Files\nodejs’ 解决办法:...
  • 绿色版nodejs安装及环境配置

    千次阅读 2018-11-28 09:35:20
    废话不多说直接开始 1. 首先你得有nodejs的绿色版文件,直接去官网下载,这里我为大家准备了官网的下载链接 https://nodejs.org/dist/v10.14.0/node-v10.14.0-win-x64.zip ...3. 接下来就是环境变量配置 ...
  • NodeJs、 npm 、vue安装详细步骤及环境设置验证 1、下载nodeJS 下载node.js地址:http://nodejs.cn/download/ 选择适合自己的版本,然后下载完解压看到.msi为后缀的文件,双击执行,除了目录有必要就修改下,...
  • NodeJs安装及配置环境变量前言一、Node.js 下载与安装Node Js下载安装 前言 一、Node.js 下载与安装 Node Js下载 在 Node官网 上,下载对应的安装包 这里下载的是 64位window系统 的安装文件 node-v14.15.3-x...
  • nodejs window下安装配置淘宝镜像-Vue环境搭建(二) 1,前往nodejs官网下载安装软件,地址:https://nodejs.org/en/ 2,点击下一步继续安装安装完成,在命令输入:node -v,npm -v,查看版本,即是安装成功 3...
  • vue.js nodejsWhen you are working on any project the way you set up your development environment is as important as packing and shipping for production. We can save a lot of time if your development e...
  • 1、下载安装 百度搜索nodejs,进入nodejs中文网根据自己电脑系统位数选择,我这里选择windows64位.msi格式安装包.msi和.zip格式区别:.msi是Windows installer开发出来的程序安装文件,它可以让你安装,修改,卸载...
  • nodejs环境配置vue基本项目搭建 一、nodejs环境配置 下载windows(msi) 一直点下一步就ok了 查看node版本: node-v npm版本 : npm -v 在nodejs目录下建立”node_global””node_cache”两个文件夹 启动...
  • vue 前端nodejs环境安装

    2020-06-08 18:00:01
    window系统 安装nodejs环境

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,050
精华内容 6,420
关键字:

nodejs安装及环境配置vue

vue 订阅