vue3.0 安装教程
最编程
2024-06-16 15:51:16
...
一 、vue3.0安装
vue3.0安装 个人推荐以下2种
(1). 开发工具的对应代码中 插入CDN
<script src="https://unpkg.com/vue@next"></script>
(2). 通过npm 官方安装node
-
去百度搜索Node.js
-
下载完成后,点击Next即可--下一步--,直至安装完成出现Finsh。
-
查看是否安装成功
node -v 查看 node 版本
npm -v 查看 npm 版本
安装成功后,第一步
1. 淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
如需查看则
cnpm -v
<script src="https://unpkg.com/vue@next"></script>
去百度搜索Node.js
下载完成后,点击Next即可--下一步--,直至安装完成出现Finsh。
查看是否安装成功
node -v 查看 node 版本
npm -v 查看 npm 版本
安装成功后,第一步
1. 淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
如需查看则
cnpm -v
3.vue环境
cnpm instal -g vue @vue-cli
温馨提示:需要在有网的情况下装 必须等 这35个走完
如果在装载过程中停止了,需要重复这个代码,重新加载,直到加载完成
检查vue是否装载好了, vue -V
版本需是4.5以上的版本
桌面新建一个项目 cd desktop
创建项目格式 vue create ProjectName 例如 vue create todolist
选择 Manually select Features (利用上下键进行选择)
选择下图中的这几项,利用上下键选择 选中按 空格键 接着选下一个 全部选择完成后,则按下 回车键
选择版本 由于我们安装的是vue3.0 选择 3.x
设置对应的功能如下图所示
完成上述,则可进入 vscode中 打开 终端, 输入 npm run serve
如果个人修改过package.json中的scripts--serve,则根据修改后的名称运行上述代码
<
运行成功后,会自动为其开通8080端口 Ctrl+鼠标左键 选择下图中的local
跳转至网页出现下图则安装成功
推荐阅读
-
[C 语言教程] [嵌入式程序设计] (I) 简介和先决条件 (II) 嵌入式程序设计基础 (III) 硬件基础 (IV) 硬件寄存器操作
-
OpeneBayes 教程 | LLaVA-OneVision,一个强大的开源多模态宏模型,可击败 GPT-4V,现已上线!
-
在 Anaconda 虚拟环境中安装 cuda 和 pytorch
-
设计并实施基于 SpringBoot 的 DIY 计算机安装教程网站。
-
系统架构设计器教程 第 19 章 19.4 Kappa 架构说明
-
在 Ubuntu 下安装和初始化 Git,同时添加 SSH 密钥
-
Linux 安装和部署服务:nginx和Openresty - IV,nginx常用配置
-
Python 教程:Python 中的集合及其对集合的所有操作
-
node.js 下载和安装以及环境配置超级详细教程 [Windows 版本]。
-
[PyTorch] 轻松安装 PyTorch:兼容性问题解析