windows安装部署node.js以及搭建运行第一个Vue项目

news/2024/7/10 2:42:17 标签: node.js, vue

一、官网下载安装包

官网地址:https://nodejs.org/zh-cn/download/

二、安装程序

1、安装过程

如果有C/C++编程的需求,勾选一下下图所示的部分,没有的话除了选择一下node.js安装路径,直接一路next

2、测试安装是否成功

【win+R】键,输入cmd,回车

        输入:node -v     // 显示node.js版本

                   npm -v      // 显示npm版本

三、环境配置

1、新增系统环境变量,变量值为你安装的路径

2、【win+R】键,输入cmd,回车,

                输入:npm config set prefix “路径\node_global”

                           npm config set cache “路径\node_cache”

npm config set prefix "E:\node.js\node_global"
npm config set cache "E:\node.js\node_cache"

检查路径:

npm config get prefix
npm config get cache

备注,如果该命令路径错了可以用以下两条命令删除

npm config rm prefix
npm config rm cache

3、配置用户环境变量 

默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径,点击确定

4、配置系统环境变量

 

四、更换镜像源

【win+R】键,输入cmd,回车,

  输入淘宝(阿里云)镜像:

npm config set registry https://registry.npmmirror.com

很多文章写的镜像源是"https://registry.npm.taobao.org/",但这个淘宝镜像源早就过期了

查看镜像源配置情况:

npm get registry

五、安装Vue脚手架

【win+R】,输入cmd,回车

输入:

npm install -g @vue/cli

六、创建Vue项目(以及第一个vue项目的运行)

【win+R】,输入cmd,回车

输入cd命令,切换到自己想要创建Vue工程的目录下

然后输入命令创建Vue项目:

vue create 工程名称

 cmd中切换到新创的vue工程目录下

vue项目运行:

npm run serve

退出运行:【Ctrl+C】


http://www.niftyadmin.cn/n/5402586.html

相关文章

【Unity】使用ADB连接真机、模拟器测试

1.打一个Development包 2.打开cmd,CD到sdk的Platform-tools下 3.连接安卓设备 ①连接安卓手机,需要开启开发者模式, 不同的手机开启方式有所不同,比如华为的手机需要在:设置-关于手机-版本号,连续点击7次版…

【SpringBoot】mybaitsPlus的多数据源配置

📝个人主页:五敷有你 🔥系列专栏:SpringBoot ⛺️稳重求进,晒太阳 mybatisPlus的多数据源配置 适用于多种场景:纯粹多库、 读写分离、 一主多从、 混合模式等 目前我们就来模拟一个纯粹多…

深入浅出Redis(一):对象与数据结构

引言 Redis是一款基于键值对的数据结构存储系统,它的特点是基于内存操作、单线程处理命令、IO多路复用模型处理网络请求、键值对存储与简单丰富的数据结构等等 这篇文章主要围绕Redis中的对象与数据结构来详细说明键值对存储与简单丰富的数据结构这两大特点 Redi…

洛谷P1927防护伞

题目描述 据说 20122012 的灾难和太阳黑子的爆发有关。于是地球防卫小队决定制造一个特殊防护伞,挡住太阳黑子爆发的区域,减少其对地球的影响。由于太阳相对于地球来说实在是太大了,我们可以把太阳表面看作一个平面,中心定为(0,0…

pytorch梯度累积

梯度累加其实是为了变相扩大batch_size,用来解决显存受限问题。 常规训练方式,每次从train_loader读取出一个batch的数据: for x,y in train_loader:pred model(x)loss criterion(pred, label)# 反向传播loss.backward()# 根据新的梯度更…

QT之液晶电子时钟

根据qt的<QLDNumber>做了一个qt液晶电子时钟. 结果 实时显示当前时间,左键可以拖动时钟在屏幕的位置,右键点击关闭显示. 实现过程 新建一个class文件,让这个文件的父类是QLCDNumber 相关功能变量定义和函数实现 .c文件代码 这里需要注意的一点是event->button是获取的…

【python、nlp、transformer】transformer学习部分

注&#xff1a; 此博文仅为了解transformer架构&#xff0c;如果使用&#xff0c;建议直接调用库就行了 Transformer的优势 相比之前占领市场的LSTM和GRU模型&#xff0c;Transformer有两个显著的优势&#xff1a; 1. Transformer能够利用分布式GPU进行并行训练&#xff0c…

探寻2024年国内热门低代码平台排行!| 功能特点一览

低代码开发是一项革命性的技术&#xff0c;主要目的是尽量避免程序研发的复杂性&#xff0c;让外行开发者也能加入到应用程序的搭建中。低代码平台的核心概念和构成部分通常包括用户界面和拖拽设计、预构件和模块、自动化工作内容与数据库集成和扩展应用&#xff0c;应用低代码…