2024年07月26日
点击右上方红色按钮关注“web秀”，让你真正秀起来！
今天继续我们的Webpack 4入门教程。在介绍了Webpack的基本概念之后，是时候更深入一点了。这次我们会涉及Webpack中非常强大的一个东西:loader。首先，我们会学习如何使用那些可用的loader。它将包括如何处理css、scss、图片以及对老版本的JavaScript语言的转换。让我们开始吧！
2024年07月26日
1. 引言
CSS3之前的CSS都大都是枚举属性样式，而编程语言强大的变量、函数、循环、分支等功能基本都不能在CSS中使用，让CSS的编程黯淡无光，Sass就是一种增强CSS编程的扩展语言（CSS4也可以期待），有了像Sass这种预处理语言后，CSS的编程不再局限在枚举属性了，可以有更广阔的舞台。
2024年07月26日
截止发稿2020年8月10日，这可能是目前最好的拖拽排序解决方案了。
VueDraggable 是一个专门解决拖拽排序和拖拽分组的前端开源代码库。
在 jQuery 的时代，有很多动效非常流畅丝滑的拖拽排序插件，但在国内 Vue.js 起来后，却比较难找到一款像 Sortable.js 那样的组件，而 Vue.Draggable 就是一款基于 Sortable.js 开发的 Vue 增强组件。
2024年07月26日
vue简介
Vue (读音 /vju?/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
2024年07月26日
CLI 是什么意思？
CLI -- Command-Line Interface 命令行界面，俗称脚手架。
脚手架就是一个大概的框架，是建筑学上的一个概念。
2024年07月26日
在使用vue-cli3创建项目后，因为webpack的配置均被隐藏了，当你需要覆盖原有的配置时，则需要在项目的根目录下，新建vue.config.js文件，来配置新的配置。
2024年07月26日
1.全局安装vue-cli
$ npm install --global vue-cli
2.创建一个基于webpack脚手架的project，cmd进入指定项目目录
[D:\DEV_CODE\html_code\base-vue\vue-cli 进入后cmd]
$ vue init webpack {project-name}
3.进入项目
$ cd {project-name}
4.运行
$ npm run dev