VsCode创建VUE项目

news/2025/2/9 2:04:26/

1. 首先安装Node.js和npm

通过网盘分享的文件:vsCode和Node(本人电脑Win11安装)
链接: https://pan.baidu.com/s/151gBWTFZh9qIDS9XWMJVUA 提取码: 1234

它们是运行和构建Vue.js应用程序所必需的。

1.1 Node安装,点击下一步即可

1.2 设置Node的环境变量

1.3 修改npm配置

安装成功后,npm安装的全局模块和缓存默认安装在C:\Users\用户名\AppData\Roaming\npm文件夹里,这里可以进行路径更改,统一放在我们的Nodejs安装文件夹里,新建两个文件夹

以下命令都是在Win+R,cmd中运行:
# 设置 npm 全局安装包的存储路径为 "D:/Soft/Node/node_global"
# 后续使用 npm install -g 命令安装的全局包都会存放在此路径下
npm config set prefix "D:/Soft/Node/node_global"# 设置 npm 的缓存路径为 "D:/Soft/Node/node_cache"
# npm 在下载和管理包时会将缓存文件存放在该路径
npm config set cache "D:/Soft/Node/node_cache"# 设置 npm 的包注册表为淘宝的镜像地址
# 使用淘宝镜像可以加快国内网络环境下 npm 包的下载速度
npm config set registry http://registry.npm.taobao.org# 全局安装 cnpm 包,并指定使用淘宝的镜像地址进行下载
# cnpm 是淘宝定制的 npm 客户端,和 npm 命令用法基本一致,但使用淘宝镜像源
npm install -g cnpm --registry=http://registry.npm.taobao.org注意事项
目前淘宝的 npm 镜像已迁移至 https://registry.npmmirror.com,
所以建议将 http://registry.npm.taobao.org 替换为 https://registry.npmmirror.com 
以保证后续使用的稳定性。
当你修改了 prefix 路径后,可能需要手动将新的全局安装路径(D:/Soft/Node/node_global)
添加到系统的环境变量 PATH 中,这样系统才能正确找到全局安装的命令。

安装Vue脚手架vue-cli

npm install -g @vue/cli-init
npm install -g @vue/cli

安装完成后,通过在终端中运行 node -v 和 npm -v 来验证安装。


http://www.ppmy.cn/news/1570480.html

相关文章

按月拆分工作表,报表清晰没烦恼-Excel易用宝

老板视角看数据,独爱每月一张表。 好好的一个流水数据表,我们老板又要让我把这个表格按月份拆分成12个工作表,还好让我拆分成12个工作表,要是让我拆分成每天一个表,那不是得累死我了吗? 听说一簿12表是职…

软考高项笔记 信息技术及其发展

信息技术及其发展 ❝ 信息系统项目管理师第二章第一节 1. 网络标准协议的定义 网络协议是为计算机网络中进行数据交换而建立的规则、标准或约定的集合。网络协议由三个要素组成,分别是语义、语法和时序。 语义:解释控制信息每个部分的含义,它…

批量提取word表格数据到一个excel

新建一个excel到word同级目录altf11打开vba窗口并新建模块粘贴下方代码(修改一些必要参数)回到excel表格界面,altf8选择执行该宏注意要在信任中心开启运行vba宏 Sub 批量提取word表格数据到excel()Dim wdApp As Object, wdDoc As ObjectDim …

【分布式】服务端高并发分布式结构演进

文章目录 1. 单机架构1.1 单机架构的优缺点1.2 单机架构的典型应用场景 2. 应用与数据分离架构2.1 应用与数据分离架构的优缺点2.2 应用与数据分离架构的典型应用场景 3. 应用服务集群架构3.1 应用服务集群架构的优缺点3.2 负载均衡技术3.3 应用服务集群架构的典型应用场景 4. …

分桶函数的使用

除了 NTILE 函数,SQL 中还有其他一些与 分桶(bucketization)相关的函数,虽然它们的实现方式不同,但都涉及将数据分成多个区间或组。以下是一些常用的分桶函数: 1. CASE 语句 虽然 CASE 不是开窗函数&…

胜任力冰山模型:深入探索职业能力的多维结构

目录 1、序言 2、什么是胜任力? 3、任职资格和胜任力的区别 4、胜任力冰山模型:职场能力的多维展现 4.1、冰山水面上的部分 4.2、冰山水面下的部分 4.3、深层的个人特质与价值观 5、如何平衡任职资格与胜任能力 6、结语 1、序言 在快速发展的I…

计算 MySQL 表行的成本是多少?

当计算表中的所有行时,将使用什么索引?好吧,MySQL文档文档对此提供了一个直接的答案,引用: InnoDB 通过遍历最小的可用二级索引来处理 SELECT COUNT(*) 语句除非索引或优化器提示指示优化器使用…

QUIC 与 UDP 关系

QUIC协议是建立在UDP之上的,这意味着QUIC的数据包实际上是通过UDP传输的。QUIC的设计使其能够利用UDP的特性,同时在其上实现更复杂的功能。以下是QUIC如何体现出其基于UDP的特性,以及QUIC头部字段的详细介绍。 QUIC与UDP的关系 UDP封装:QUIC数据包被封装在UDP数据包中进行…