摘要: 初始化项目——项目入口 引自: https://vuejs.org/guide/introduction.html#what-is-vue Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 阅读全文
posted @ 2023-09-06 16:23 左扬 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 初始化项目——文件结构 在 Vue.js 项目中,所有与项目相关的业务逻辑文件都放在 src 目录下。后缀为 .vue 的文件分为 3 个部分,分别是页面模版(template)、页面脚本(script)和页面样式(style): 一、模板(template) 模板是 Vue.js 组件的 HTML 阅读全文
posted @ 2023-09-06 15:58 左扬 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 初始化项目——项目结构 项目结构是项目的整体展现,也是对不同文件和文件夹的业务模块的划分。随着业务需求的迭代,项目会不断地增加业务模块,建立业务模块文件,使项目结构清晰、方便管理,这是很重要的。 这个目录结构是使用 Vue CLI 创建的 Vue.js 项目,其中包含了一些常用的文件和目录。下面是该 阅读全文
posted @ 2023-09-06 15:49 左扬 阅读(61) 评论(0) 推荐(0) 编辑
摘要: vue3 创建项目的时候卡顿,比较慢 使用 vue3 命令 vue create vue3-element-plus-admin 创建项目时,一直出现卡顿,导致无法创建项目,如下: 解决办法: 1、检查 npm 源: //查看源,可以看到设置过的所有的源 $ npm config get regis 阅读全文
posted @ 2023-09-06 15:23 左扬 阅读(785) 评论(0) 推荐(0) 编辑
摘要: 初始化项目——启动项目 运行 VS Code 开发工具,依次单击菜单栏的 "文件" ——> "将文件夹添加到工作区" 选项,如下所示: 选择构建完成的 vue3-element-plus-admin 项目,添加成功后,即可在左侧工作区域查看项目的整体结构,如下所示: 标记1:这个区域是 VS Cod 阅读全文
posted @ 2023-09-06 11:36 左扬 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 项目创建 完成 Vue CLI 脚手架的安装后,即可快速构建一个全新 Vue.js 项目,包括可初始化项目的整体结构、依赖包、插件等相关工作。 一、命令构建项目 1.1、创建项目: [root@JumperServer:project_vue] # vue create vue3-element-p 阅读全文
posted @ 2023-09-06 11:23 左扬 阅读(80) 评论(0) 推荐(0) 编辑
摘要: 脚手架安装 Vue CLI 是基于 Vue.js 进行快速开发的完整系统,支持搭建交互式项目、快速开始零配置原型开发、丰富的官方插件集合,以及完全图形化地创建和管理 Vue.js 项目的用户界面。 Vue CLI 致力于将 Vue.js 生态中的工具基础标准化,它确保各种构件工具基于智能的默认配置即 阅读全文
posted @ 2023-09-06 10:47 左扬 阅读(2515) 评论(0) 推荐(0) 编辑
levels of contents