VUE CLI（二）

于 2021-01-28 16:46:02 发布
阅读量69 收藏
点赞数
分类专栏： 前端技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43618583/article/details/113343305
版权

一、CLI3与CLI2的区别

  1. vue-cli 3 是基于 webpack 4 打造，vue-cli 2 还是 webapck 3
  2. vue-cli 3 的设计原则是“0配置”，移除的配置文件根目录下的，build和config等目录
  3. vue-cli 3 提供了 vue ui 命令，提供了可视化配置，更加人性化
  4. 移除了static文件夹，新增了public文件夹，并且index.html移动到public中

二、目录详解

在这里插入图片描述

三、脚手架3搭载服务器运行

指令：npm run serve

四、VUE项目管理器

输入指令：vue ui
在这里插入图片描述

五、自定义配置

对当前目录不满意，在文件夹下创建vue.config.
在这里插入图片描述

UltimateGalaxy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue Cli与BootStrap结合实现表格分页功能
08-29
Vue Cli与BootStrap结合实现表格分页功能 该资源主要介绍了如何使用Vue Cli与BootStrap结合实现表格分页功能。下面是相关知识点的详细说明： 一、Vue Cli简介 Vue Cli是基于Vue.js的命令行工具，用于快速构建Vue....
03-vuecli3.rar
11-06
Vue CLI 3 是一个强大的命令行工具，用于快速搭建 Vue.js 项目。它极大地简化了 Vue.js 应用程序的初始设置，提供了丰富的插件生态系统，使得开发者可以更高效地进行开发工作。以下是对 Vue CLI 3 的详细介绍，以及...
Vue CLI2升级至Vue CLI3的方法步骤
12-12
Vue CLI 是一个强大的工具，用于快速搭建 Vue.js 项目。Vue CLI 2.x 和 3.x 之间存在一些显著的差异，升级过程中需要注意相应的改动。本文将详细介绍从 Vue CLI 2 升级到 Vue CLI 3 的方法步骤，以及一些关键配置的...
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue cli 全面解析
11-29
Vue CLI 是 Vue.js 社区开发的命令行工具，它为 Vue.js 项目提供了一种快速、便捷的初始化和管理方式。Vue CLI 的优势在于它能够帮助开发者搭建一套完整的 Vue 项目架构，使得项目初始化变得非常简单。Vue CLI 会...
【浏览器插件】智译网页翻译 自动翻译 双语对照 AI对话.zip
08-21
智译网页翻译插件，由新译科技精心打造，是一款智能化的网页翻译利器。当您浏览网页时，它能够自动识别页面语言，并迅速将其翻译成您预设的目标语言。支持双语对照、自动翻译、划词翻译，让您在浏览外文网站时，信息一目了然。 AI助手LangGPT的加入，让智译更进一步。它不仅能自动总结页面内容，还能与您自由对话，高效便捷地获取所需信息。智译支持包括英语、俄语、德语、法语、西班牙语等在内的十数种语言与中文的互译，无论是欧美语言还是亚洲语言，甚至是少数民族语言，都能轻松应对。 无论是查阅资料、浏览新闻还是在线购物，智译都能助您一臂之力，节省时间，提升效率。使用起来也非常简单： 1. 自动翻译的开启与关闭：在设置页面，选择“自动翻译为”选项，即可在打开网页时自动翻译。若不需要自动翻译，关闭此选项即可，也可以点击右下角功能条上的“译”按钮手动翻译。 2. 双语对照翻译的开启与关闭：在设置页面，打开“双语对照模式”，新开或刷新页面后，翻译触发，页面将同时展示原文与译文。点击智译图标可切换查看模式，还可以自定义显示样式。 3. 划词翻译的开启与关闭：在设置页面，启用“启动划词翻译”，即可在页面上划选
毕业设计，基于SpringBoot+Vue+MySQL开发的公寓报修管理系统，源码+数据库+毕业论文+视频演示
08-21
毕业设计，基于SpringBoot+Vue+MySQL开发的公寓报修管理系统，源码+数据库+毕业论文+视频演示 现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本公寓报修管理系统就是在这样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据信息，使用这种软件工具可以帮助管理人员提高事务处理效率，达到事半功倍的效果。此公寓报修管理系统利用当下成熟完善的Spring Boot框架，使用跨平台的可开发大型商业网站的Java语言，以及最受欢迎的RDBMS应用软件之一的MySQL数据库进行程序开发。公寓报修管理系统有管理员，住户，维修人员。管理员可以管理住户信息和维修人员信息，可以审核维修人员的请假信息，住户可以申请维修，可以对维修结果评价，维修人员负责住户提交的维修信息，也可以请假。公寓报修管理系统的开发根据操作人员需要设计的界面简洁美观，在功能模块布局上跟同类型网站保持一致，程序在实现基本要求功能时，也为数据信息面临的安全问题提供了一些实用的解决方案。可以说该程序在帮助管理者高效率地处理工作事务的同时，也实现了数据信息的整体化，规范化与自动化。 关键词：公寓报修管理系统；Spring Boot框架；MySQL；自动化；VUE
批量flac转mp3脚本
08-21
可以批量将.flac音频文件转换成mp3格式，高效快捷 1、将下载的flac文件放到flac目录下 2、双击flac2mp3.bat 3、等转码完成，到mp3目录下查看即可
【浏览器插件】Ctool程序开发常用工具.zip
08-21
【浏览器插件-Ctool：程序开发常用工具】 ### 功能概览 以下是Ctool插件提供的功能列表，每个功能都支持离线使用，以满足开发者在不同环境下的需求。 | 功能分类 | 支持功能 | 离线使用 | |-----------|-----------|-----------| | **哈希** | `md5`, `sha1`, `sha256`, `sha512`, `sm3`, 支持批量处理及文件哈希计算 | √ | | **加密/解密** | `AES`, `DES`, `RC4`, `Rabbit`, `TripleDes`, `sm2`, `sm4` | √ | | **BASE64编码** | 加密、解密，支持文件操作 | √ | | **URL编码** | 编码、解码 | √ | | **时间** | 时间戳转换、毫秒处理、时区转换、时间计算器 | √ | | **二维码** | 生成、解析 | √ | | **条形码** | 生成 | √ | | **汉字转拼音** | 支持声调、首字母、分隔符 | √ | | **IP地址查询** | 运营商、城市信息查询（不支
java资源数字图书制作工具EpubCheck
08-21
java资源数字图书制作工具 EpubCheck提取方式是百度网盘分享地址
2024汽车AI大模型TOP10分析报告.pdf
08-21
2024汽车AI大模型TOP10分析报告.pdf
huggingface的bert-base-uncased.zip的split的1/2
最新发布
08-21
huggingface的bert-base-uncased.zip的split的1/2
c语言学生成绩管理系统.txt
08-21
为了帮助您实现一个简单的C语言学生成绩管理系统，下面是一个基本的设计方案和示例代码。这个系统能够添加学生信息、查询成绩、修改成绩以及删除学生信息。
ZYNQ7020，PS端两路SPI采用EMIO方式，SPI0主发，SPI1从收，环通验证并测试通过
08-21
ZYNQ7020，PS端两路SPI采用EMIO方式，SPI0主发，SPI1从收，环通；
毕业设计，基于SpringBoot+Vue+MySQL开发的社区医院管理系统，源码+数据库+毕业论文+视频演示
08-21
毕业设计，基于SpringBoot+Vue+MySQL开发的社区医院管理系统，源码+数据库+毕业论文+视频演示 信息数据从传统到当代，是一直在变革当中，突如其来的互联网让传统的信息管理看到了革命性的曙光，因为传统信息管理从时效性，还是安全性，还是可操作性等各个方面来讲，遇到了互联网时代才发现能补上自古以来的短板，有效的提升管理的效率和业务水平。传统的管理模式，时间越久管理的内容越多，也需要更多的人来对数据进行整理，并且数据的汇总查询方面效率也是极其的低下，并且数据安全方面永远不会保证安全性能。结合数据内容管理的种种缺点，在互联网时代都可以得到有效的补充。结合先进的互联网技术，开发符合需求的软件，让数据内容管理不管是从录入的及时性，查看的及时性还是汇总分析的及时性，都能让正确率达到最高，管理更加的科学和便捷。本次开发的社区医院管理系统实现了病例信息、字典表、家庭医生、健康档案、就诊信息、前台、药品、用户、用户、用户表等功能。系统用到了关系型数据库中王者MySql作为系统的数据库，有效的对数据进行安全的存储，有效的备份，对数据可靠性方面得到了保证。并且程序也具备程序需求的所有功能，使得操作性还是安全性都大大提高，让社区医院管理系统更能从理念走到现实，确确实实的让人们提升信息处理效率。 关键字：社区医院管理系统；信息管理，时效性，安全性，MySql
高云平台使用的用户指南！
08-21
高云平台使用的用户指南！
[毕业设计]Java开发的安全电子商务订单处理与防篡改系统(论文).doc
08-21
[毕业设计]Java开发的安全电子商务订单处理与防篡改系统(论文)
Unity 小游戏一笔画源码1.18-1LINE one-s
08-21
Unity 小游戏一笔画源码1.18-1LINE one-s
E9流程常用简单JS代码应用-客户培训.pptx
08-21
E9流程常用简单JS代码应用-客户培训
vue cli教程
07-20
Vue CLI（Vue CLI 简称）是 Vue.js 官方提供的命令行界面工具，用于快速初始化、构建和管理 Vue.js 项目。通过 Vue CLI，你可以轻松创建基于 Vue 的项目结构，并配置好各种优化选项，如路由、状态管理（Vuex）、热更新等。以下是使用 Vue CLI 进行简单教程的一个概述： 1. **安装 Vue CLI**: 首先，确保你已经全局安装了 Node.js 和 npm。然后，在终端或命令提示符中运行 `npm install -g @vue/cli` 或者 `yarn global add @vue/cli` 来安装 Vue CLI。 2. **创建新项目**: 使用命令 `vue create projectName` 创建一个新的 Vue 项目，这里 `projectName` 将是你项目的名称。按提示选择合适的预设模板，比如 "default" 或者 "webpack"。 3. **启动开发服务器**: 在项目文件夹下，执行 `cd projectName` 转到项目目录，然后运行 `npm run serve` 或 `yarn serve`。这将启动一个本地开发服务器，让你可以在浏览器中访问项目。 4. **熟悉项目结构**: 查看 `src` 目录下的文件夹，如 `App.vue`（入口组件）、`main.js`（配置文件）以及 `router`（路由管理）等。了解并编辑它们可以开始开发应用。 5. **学习基本指令和组件**: Vue CLI 生成的项目会包含一些基础组件，如 `<template>`、`<script>` 和 `<style>`。学习如何创建自定义组件、指令和数据绑定是关键。 6. **实践和深入**: 配置 Vuex 状态管理库、使用 axios 进行网络请求、定制 CSS 可选，随着项目的进展，不断探索 Vue CLI 提供的功能和第三方插件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值