Node.js+Vue CLI的安装

一、下载与安装

1、创建文件夹

在D盘根目录下创建文件夹,命名为Nodejs(要确保在Nodejs中创建文件夹不需要管理员权限,不满足该要求的话,重新创建Nodejs文件夹)

2、下载

登录node.js官网,进行下载安装,官网地址如下:

Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.icon-default.png?t=N7T8https://nodejs.org/en

3、安装步骤

3.1选择Next

3.2、勾选同意,然后next

3.3、更改安装路径,选择路径为我们在D盘创建的Nodejs文件夹,然后next

3.4、默认选择next

3.5、默认选择next

3.6、默认选择Install

3.7、选择Finish

3.8、输入cmd命令,查看是否安装成功

Win+R打开命令窗口,然后输入cmd,然后输入下面的命令:

node -v         查看node版本

npm -v          查看npm的版本(新版的node安装自带npm)

二、环境配置

(配置全局安装的模块路径和缓存路径)

1、模块路径

 1.1、在Nodejs根目录,创建node_globalnode_cache文件夹

1.2、修改包路径

          在接下去操作中我们会执行npm命令,比如npm install -g XXXX,下载的全局包会放在C:\Users\Administrator\AppData\Roaming\npm\node_modules下,可以通过CMD指令npm root -g查看,这样的话C盘文件越来越多,所以进行路径的改变,这里需要改变两个路径,先新建文件夹,再执行如下两条指令,一条是配置本地仓库,一条是指定缓存地方。

以-管理员身份- 打开cmd,配置路径:

(步骤:win——输入框——cmd——右键——以管理员身份运行)

        npm config set prefix "D:\Program Files\Nodejs\node_global"

        npm config set cache "D:\Program Files\Nodejs\node_cache"

2、配置缓存路径

2.1 找到电脑环境变量位置

win10&win11:右键此电脑——属性——高级系统设置——高级——环境变量

2.2 创建 NODE_PATH 变量(在系统变量中)

变量值为node_modules地址(进入node_modules,复制当前路径)

2.3 在 系统变量中选择 Path 添加如下属性

D:\Nodejs\  --  为npm命令

D:\Nodejs\node_global  --  为vue命令

3、npm 源设置

在国内有时候受限于网络因素的影响,通常在安装一个包管理器之前可以切换为 淘宝 NPM 镜像,加速安装速度,但是要注意如果是私有模块在 NPM 官方的,则必须切换为官方源,否则会出现 404 错误。

切换为 taobao 源
npm config set registry=https://registry.npmmirror.com

4、测试

全局安装最常用的 express 模块 进行测试

npm install express -g

5、node.js命令

nodejs:是一个js的运行时,任何设备只要安装了nodejs就可以执行js。nodejs让js拥有了更多的可能性。
      npm在nodejs安装成功以后就可以用了。
      npm:包管理器,类似于linux操作系统的yum。可以实现软件或模块的自动下载和安装。

npm install 包名  [-g]全局  简化:npm i 包名
npm install 包名@版本号
npm install 包名 包名 ...
npm uninstall 包名
npm list 查看已经安装的包

三、安装vue cli

1、通过npm命令安装,安装命令如下:

npm install -g vue-cli

2、安装之后出现下面的文件

3、配置方式跟原来一样,将vue的根目录路径D:\Nodejs\node_global配置到系统变量的path中

4、通过命令检测cli是否安装成功

vue -v

四、相关命令

查看当前 npm 源
npm config get registry

卸载cli
npm uninstall -g vue-cli

安装cli
npm install -g @vue/cli

//Yarn是facebook发布的一款取代npm的包管理工具
安装yarn
npm install -g yarn 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值