本章主要介绍下我是如何把【vue-cli3项目】和【Django项目】结合起来的,可能不是一种最好的解决办法但也是一种可以实现的办法。
前序-创建项目
一、创建VUE cli3
我用的是ant design vue框架所以安装就是按照它文档写的来
// 安装cli3 $ npm install -g @vue/cli # OR $ yarn global add @vue/cli
2024年10月03日
本章主要介绍下我是如何把【vue-cli3项目】和【Django项目】结合起来的,可能不是一种最好的解决办法但也是一种可以实现的办法。
一、创建VUE cli3
我用的是ant design vue框架所以安装就是按照它文档写的来
// 安装cli3 $ npm install -g @vue/cli # OR $ yarn global add @vue/cli
2024年10月03日
在这个信息化快速发展的时代,在线文档编辑已经成为日常生活和工作中不可或缺的一部分。Vue作为前端开发的热门框架,与PageOffice相结合,可以实现在线编辑Word和Excel文档的强大功能。本文将带你一步步实现这一目标,无需客户端安装复杂的插件,让办公变得更加便捷高效。
2024年10月03日
我们知道vue-cli3.0已经没有生成static这个静态文件夹了,所以静态资源应该存放哪里呢?
存放在public里面,如图:
(mock是本地存放json数据的一个文件夹)
以前是在static里面:
代理也发生了变化:
现在:vue.config.js文件
2024年10月03日
2024年10月03日
在 Vue 项目中有效使用 TypeScript 可以显著提高代码质量、可维护性和开发效率。以下是一些在 Vue 项目中有效使用 TypeScript 的方法和最佳实践:
1. 项目设置
使用 Vue CLI 创建支持 TypeScript 的项目:
```bash
vue create my-ts-project
# 在选项中选择 TypeScript
2024年10月03日
vue-cli 更新对比
Vue-cli 是Vue 官方提供的脚手架工具,他的github 地址是:
vue-cli github
vue-cli 3.0发布了,相对比于2.0,更新挺大的。本文简单介绍了下初采坑的一些区别
vue-cli 2.0以上
下载安装
npm install vue-cli -g
2024年10月03日
承接上文,设置环境变量:vue-cli3.x创建的项目设置环境变量与部署
配置了环境变量有什么意义呢?当然是方便部署了。配置了环境变量后,就可以在自定义配置文件中,使用,比如配置基础路径、端口号等。那,如何配置呢?我们通过上文创建的项目,news-list中没看到有可以自定义的地方,别着急。这需要我们添加一个新的文件:vue.config.js。
2024年10月03日
在学习Vue-cli之前,我们已经学习了前端体系、前后端分离的演变、Vue入门、Vue的基本语法、Vue组件、Vue路由、Axios等内容。如果你还没学习,可以阅读我之前的文章《快速了解前端体系》《前后端分离的演变史,了解一下》、《Vue快速入门》等进行快速学习。
接下来我们就来学习标准前端化工程Vue-cli。
什么是Vue-cli?