vue

最新推荐文章于 2025-09-12 15:47:36 发布

转载最新推荐文章于 2025-09-12 15:47:36 发布 · 56 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/infaaf/p/8920198.html

文章标签：

#webpack #javascript #ViewUI

本文介绍如何通过npm安装Vue CLI至Django项目根目录，并利用Vue CLI初始化前端项目的过程。

npm install -g cnpm --registry=https://registry.npm.taobao.org

npm install -g vue-cli

到djangoproject 根目录下

vue-init webpack appfront

转载于:https://www.cnblogs.com/infaaf/p/8920198.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33753003

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue3通透教程【四】Vue3组合API初体验

官方推荐

02-20

4万+

初步了解Vue的组合API和Vue2的选项式API视觉差距！

vue中组件的props属性（详）

热门推荐

蜗牛~~

10-28

18万+

今天这篇文章，让你彻底学会props属性…… props主要用于组件的传值，他的工作就是为了接收外面传过来的数据，与data、el、ref是一个级别的配置项。

参与评论您还未登录，请先登录后发表或查看评论

Vue介绍

吃蛋糕的居居

07-27

3万+

一、vue介绍 1.Vue.js是用于构建交互式的 Web 界面的库。 2.它提供了 MVVM数据绑定和一个可组合的组件系统,具有简单、灵活的API。从技术上讲，Vue.js集中在MVVM模式上的视图模型层,并通过双向数据绑定连接视图和模型。 3.实际的DOM操作和输出格式被抽象出来成指令和过滤器。相比其它的MVVM 框架, Vue.js 更容易上手。 4.Vue.js是一个用于创建Web交互界面的库。它让你通过简单而灵活的API创建由数据驱动的UI组件。 5.内核生成：Es6和---.

Vue3生命周期

m0_57341617的博客

08-19

12万+

vue3生命周期钩子函数，vue3和vue2钩子的变化

Vue项目案例

搬砖中

12-30

2万+

路由：index.js import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../views/Home.vue' import First from '../views/first.vue' Vue.use(VueRouter) const routes = [ { path: '/', component: First }, { path: '/about', ..

Vue简介

Django的博客

01-19

2万+

什么是 Vue？ Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。声明式渲染 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统 ...

vue2与vue3的区别

longfan_的博客

07-08

3万+

vue2与vue3的区别

Vue组件

溪斜山遮的博客

01-25

1万+

Vue组件（一） Vue组件介绍 Vue组件使用步骤 Vue组件的使用组件中data 和 el 选项使用 <script> 或 <template> 标签 V组件组件系统是Vue

vue安装及环境配置（最新）

qq_35347163的博客

04-22

1万+

注意注意！！！一定要以管理员身份运行cmd，直接Win+R—cmd会安装错误。

vue.directive

lala_likesun的博客

12-15

2万+

vue.directive是我们除了内置的指令（如v-model和v-show）之外的自定义指令。自定义指令是对普通DOM元素进行的底层操作 1、vue.directive 有两个参数：id（string）和[definition](function|object) 2、vue.directive有5种钩子函数，分别是：bind, inserted ,update, componentUpdated, unbind 2.1、bind：只调用一次，指令第一次绑定到元素时调用，在这里可以进行一次性的.

vue3使用datav

wa_2021的博客

04-25

4万+

一、安装 npm install @jiaminghi/data-view 二、main.js中全局配置 import dataV from '@jiaminghi/data-view' const app=createApp(App) app.use(dataV) 三、 1、引入后发现报错 2、修改源码中的代码根据提示点击进入该文件 3、用div将整个<rect>包起来，把template里的for循环放进div中（有两个地方要改，重复操作即可） .

基于SpringBoot+Vue的学生选课管理系统的毕业设计，Vue+SpringBoot+MybatisPlus+MySQL

03-24

本文主要介绍基于SpringBoot+Vue的学生选课管理系统的源码实现。该系统实现了学生选课、退课、课程管理、学生管理等功能,采用前后端分离的模式,前端使用Vue框架,后端使用SpringBoot框架。后端使用SpringBoot+...

ruoyi-vue-pro sql

08-06

各模块的sql

vue2和vue3的主要区别

前端金牌摸鱼达人

04-07

7万+

Vue2：使用选项式API定义组件是最常见的方式。此外，还支持单文件组件（.vue文件），将模板、脚本和样式封装在一起。Vue3：支持组合式API与选项式API并存的组件定义方式。在单文件组件中，可以更好地利用组合式API的优势。

Vue.config.js中的Webpack配置、优化及多页面应用开发

北京百思可瑞教育

09-11

431

Vue.config.js工程化配置实践本文系统介绍了Vue CLI项目中vue.config.js的核心配置方法，涵盖三个关键方面：基础配置：包括环境变量适配、静态资源管理、开发服务器优化与代码质量控制，重点讲解了publicPath动态配置、devServer代理设置和生产环境构建优化策略。性能优化：详细解析了代码压缩、tree shaking、资源预加载/懒加载、图片压缩和Gzip压缩等关键技术，提供了具体的webpack插件配置示例。多页面应用开发：阐述了多入口配置方法、独立路由管理方案和公

基于webpack的场景解决

qq_43447401的博客

09-10

242

老项目测试发现Webpack打包后泄漏敏感信息，源代码面板可见webpack文件夹（含接口文档等）。解决方案是通过配置webpack的devtool选项，在生产环境禁用source-map（config.devtool = false），开发环境可选启用。此修改需在vue.config.js中根据环境变量动态设置，避免源码映射文件暴露。参考技术文章分析了source-map的作用及安全配置方案。（150字）核心点：问题：生产环境source-map泄漏敏感代码解决：环境区分 + devtool

Webpack开发：从入门到精通

Yuner2000的博客

09-08

348

15.2 Webpack与Jenkins、GitHub Actions集成。2.3 初识Webpack CLI与Webpack Dev Server。10.3 Gzip、Brotli压缩与HTTP缓存策略。附录B：常用Webpack插件与Loader清单。1.3 Webpack在现代开发中的地位与优势。3.1 Entry：入口文件的策略与多入口方案。3.3 Loaders：文件类型处理与转换机制。1.2 核心概念：模块化、依赖关系与打包机制。3.2 Output：输出规则与目录结构规范。

0~1构建一个mini blot.new（无AI版本）

量子前端的博客

09-12

296

本文介绍了如何使用@webcontainer/api在浏览器中运行Node.js环境，实现AI生成前端代码的在线运行。主要步骤包括：1) 创建前端项目并安装必要依赖；2) 配置webpack和TypeScript；3) 使用React构建应用界面；4) 通过预置文件模拟完整的Vite+React项目结构。该技术使浏览器能直接执行npm install等命令，无需后端服务器即可运行前端服务，适用于在线IDE、AI代码生成等场景。文章提供了完整的配置示例和文件结构，展示如何从零构建一个基于WebContaine

【Webpack】模块联邦