vue学习笔记七：vue开发环境

最新推荐文章于 2024-06-20 20:40:04 发布
最新推荐文章于 2024-06-20 20:40:04 发布
阅读量443 收藏 2
点赞数
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jinyeran/article/details/121803607
版权

文章目录

一、vue cli脚手架工具

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
运行选择：
在这里插入图片描述

二、插件

1、cli插件
在这里插入图片描述
以@vue/cli-plugin-打头均为内置插件
在这里插入图片描述
vue add安装脚手架相关包，会有相关配置。
2、安装插件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

三、cli服务和配置文件

1、cli服务
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
模块热重载：修改源文件后不用重新启动，刷新即可出现更改后页面。
在这里插入图片描述
2、配置文件
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
3、配置多页应用
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

lintOnSave:false//保存代码时不进行eslint检验

在这里插入图片描述
在这里插入图片描述

四、环境变量和模式

1、环境变量
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
以vue_app开头的在所有文件中都能使用，否则只能在配置文件中使用。
log打印方式
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
2、模式
（环境）
在这里插入图片描述
e2e测试；unit单元测试
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

五、静态资源管理

1、使用相对路径引入静态资源
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2、public目录引入静态资源
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

夜上夏叶
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 学习笔记
weixin_43971312的博客
05-22 2162
VUE 学习笔记 1 简介 1.1 简介 中文网 https://cn.vuejs.org/v2/guide/ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架。 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的
vue 3.0学习笔记(从入门到精通)
10-07
首先，安装Vue 3.0的开发环境是至关重要的。你可以通过npm（Node Package Manager）全局安装Vue CLI的最新版本，命令为`npm I -g @vue/cli@next`。接着，使用`npm init vite@latest project --template vue`来创建一...
第7章 Vue 开发环境
博客皆笔记
01-20 331
第7章 Vue 开发环境 7.1 Vue CLI 脚手架 7.2 插件 & CLI 服务 & 配置文件 7.3 环境变量 & 模式 & 静态资源管理
Vue P05-项目化
Toreme的博客
07-14 151
Vue入门学习系列
340、Vue Loader学习笔记04 -【热重载】 2020.04.23
youyouwuxin1234的博客
04-23 353
0、目录1、热重载2、状态保留规则3、 用法4、关闭热重载5、参考文献 1、热重载 “热重载”不只是当你修改文件的时候简单重新加载页面。启用热重载后，当你修改 .vue 文件时，该组件的所有实例将在不刷新页面的情况下被替换。它甚至保持了应用程序和被替换组件的当前状态！当你调整模版或者修改样式时，这极大地提高了开发体验。 2、状态保留规则 当编辑一个组件的 <template 时，这个...
Vue安装及环境配置、开发工具
热门推荐
dream_summer的博客
09-29 22万+
vue前端框架的环境搭建。
vue学习笔记一：环境搭建
Java、前端、小程序学习笔记、问题汇总、项目实例分享，有需要请联系。
02-14 410
vue系统性学习笔记之环境搭建
Vue学习笔记01：准备开发与调试环境
howard2005的专栏
07-21 690
文章目录一、安装Vue.js（一）使用独立版本1、开发版本2、生产版本3、案例演示（二）使用CDN方式（三）使用NPM方式 一、安装Vue.js （一）使用独立版本 直接从Vue官网（https://vuejs.org/）上下载Vue的JavaScript脚本文件。 1、开发版本 https://vuejs.org/js/vue.js 2、生产版本 https://vuejs.org/js/vue.min.js 3、案例演示 MVVM架构图 下载vue.js 创建index.html
vue学习笔记（超详细）
fmk1023的博客
12-18 3万+
文章目录一. Vue基础认识Vue.jsVue安装方式Vue的MVVM二. Vue基础语法生命周期模板语法创建Vue, options可以放什么语法综合v-onv-for遍历数组v-model表单绑定v-model结合radio类型使用v-model结合checkbox类型使用v-model结合select类型使用值绑定修饰符检测数组更新计算属性 computed计算属性setter和gettercomputed / methods区别fulters过滤器三. 组件化开发组件的基本介绍注册组件的基本步骤全局
Vue 学习笔记：前端开发环境配置
本博客纯属个人网络笔记，如对阁下有用，甚喜；否则，关掉即可，不喜勿喷。专心写代码，不做键盘侠！
11-21 506
背景 一个后台开发转前台时，入门过程还是比较费劲的，究其根源是，我的 javascript 水平仅仅停留在 EMCAScript 1.2 的版本上，即原生态的 js 开发技术。而 EMCAScript 已经于 2015 年发布 6.0 版本了，脚本开发语句已经跟后端开发一样，朝着系统化和模块化的方向发展，甚至也需要类似 maven 的工具 webpack 进行编译。 今天就整理下这两天学习 vu...
vue.js学习笔记:如何加载本地json文件
10-20
在Vue.js开发过程中，有时我们需要在本地环境中模拟服务器数据，这时可以创建JSON文件来存储假数据。本篇文章将介绍如何在Vue.js项目中加载本地JSON文件，以供开发时使用。 首先，假设你的项目是通过Webpack构建的...
vue w3cschool学习笔记
09-07
在“vue w3cschool学习笔记”中，我们可以看到多个关键知识点，包括Vue的安装与运行、实例化、模板语法、指令、用户输入、过滤器、条件判断、循环语句、计算属性以及事件处理等。 1. **安装与运行**： 使用`cnpm ...
Vue-SourceCode:Vue原始码学习笔记-vue source code
03-24
Vue原始码学习笔记 index1 MVVM初始化 index2双向数据绑定 index3构建虚拟DOM index4建立对应关系 推荐文章 介绍 vue不只面向网络我们说的源码是在浏览器环境下执行的 主要功能都写在core这个文件夹里面 platform...
vuejs-learn:vue的学习笔记
05-05
vuejs的学习笔记 运行项目 node安装 下载nodes，并安装 安装依赖 cd 项目实践/supermall的实践/supermall npm install |vue, axios, better-scroll", vue-load, vue-router, vuex] 开发环境运行 npm run serve 生产...
Vue + SpringBoot 实现文件的断点上传、秒传，存储到Minio
m0_73179389的博客
06-19 536
前端页面使用的elment-plus的el-upload组件。当上传文件后，会调用handleChange 方法，可以在这里进行文件相关的操作。计算文件的MD5值。
【尚庭公寓SpringBoot + Vue 项目实战】后台用户信息管理（十七）
小林的博客
06-18 945
用户的密码通常不会直接以明文的形式保存到数据库中，而是会先经过处理，然后将处理之后得到的"密文"保存到数据库，这样能够降低数据库泄漏导致的用户账号安全问题。
JS面试题第一章
2301_79858637的博客
06-19 351
undefined表示的是无的原始值。但是null表示的是无 对象 0。
javaWeb项目-ssm+vue企业台账管理平台功能介绍
最新发布
weixin_42874480的博客
06-20 945
Tomcat 虽然是Apache的扩展，但是它们都是可以独立运行的，二者是不互相干扰的。当配置正确的时候，Apache服务器为HTML页面的运行提供技术支持，Tomcat 的任务则是运行Servle和java 页面。Tomca也具有一定的HTML页面处理功能。Tomcat属于一种轻型的服务器，所以说在中小企业中并不具有普适性。但是当程序员需要开发或调试java 程序时，则通常会将该服务器作为首选。
尚硅谷vue学习笔记
08-18
很高兴回答你关于尚硅谷Vue学习笔记的问题！对于Vue的学习，尚硅谷提供了很多优质的学习资源和教程。下面是一些关键的学习笔记要点： 1. Vue基础：了解Vue的基本概念和核心特性，如Vue实例、模板语法、计算属性、指令等。 2. 组件化开发：学习如何创建和使用Vue组件，掌握组件之间的通信方式，包括props和事件。 3. 路由管理：学习使用Vue Router实现前端路由，实现单页应用的页面跳转和导航。 4. 状态管理：掌握Vuex的使用，实现全局状态管理和数据共享。 5. 表单处理：学习如何使用Vue表单指令和表单验证，处理用户输入和表单提交。 6. HTTP请求：了解Vue中常用的HTTP库，如axios，进行数据的异步请求和处理。 7. 生命周期：理解Vue生命周期钩子函数的执行顺序和作用，掌握组件的生命周期管理。 8. Vue3新特性：了解Vue3的新特性，如Composition API、Teleport、Fragments等。 尚硅谷还提供了一些实战项目，如电商平台、博客系统等，可以通过完成这些项目来巩固所学的知识。 以上是一些关于尚硅谷Vue学习笔记的要点，希望对你有所帮助！如果有更具体的问题，欢迎继续提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值