Vue
关注
分享
扫一扫
文章平均质量分 75
Vue相关知识点学习总结
夏子曦
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue——前端vue3项目使用汉字转拼音
在 Vue3 项目中，可以通过以下实现汉字转拼音。原创 2025-05-07 10:36:27 · 1020 阅读 · 0 评论 -
Vite 的工作流程
Vite 的工作流程基于其创新的机制，通过利用现代浏览器对原生 ES 模块的支持，显著提升了开发效率和构建速度。原创 2025-05-05 20:57:24 · 921 阅读 · 0 评论 -
webpack 的工作流程
初始化配置：合并配置参数编译准备：创建Compiler对象开始编译：从入口文件出发模块解析：递归构建依赖图Loader 处理：转换非 JS 模块插件干预：在关键生命周期执行插件代码生成：生成运行时代码和模块闭包输出文件：将结果写入目标目录。原创 2025-05-05 20:52:51 · 818 阅读 · 0 评论 -
H5手写签名
一，借鉴网络实现html和jquery实现<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>学写一个字</title> <meta name="viewport" content="height=device-height, width = device-width,原创 2021-11-23 11:44:34 · 1818 阅读 · 0 评论 -
使用webpack手动搭建一个 vue-cli
一，环境1，需要安装node.js ，安装方式请参考Node.js 安装配置2，使用yarn 来 创建 package.json 文件管理 项目npm install -g yarnyarn init -y二，过程既然我们要 做一个 vue的cli ，我们首先得把 vue 的包 拿下来yarn add -D vue我们使用webpack 来做 ，还需要 webpack 和webpack-cli 两个包yarn add -D webpack webpa...原创 2020-09-12 19:55:38 · 1274 阅读 · 0 评论 -
vue项目出现Uncaught SyntaxError: Unexpected token ＜ 解决方案
现象开发 测试 启动 npm run dev 能正常访问打包 npm run build 后访问页面出现空白，浏览器F12 查看报错就一个简单的页面，连个js文件都没引用，结果出现Uncaught SyntaxError: Unexpected token <细究原因服务器端，要是访问了一个不存在的文件【路径写错了】返回了一个404的提示页面看看vue最后打包的index.html中的内容<!DOCTYPE html><html>&...原创 2020-08-25 13:44:49 · 55505 阅读 · 4 评论 -
vue打包后路径多了个/css/static
vue打包后路径多了个/css/static导致一些css属性、字体文件等 效果不显示。在build/utils.js文件中添加publicPath:’…/…/’,重新打包即可。if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: "vue-style-loader", publicPath: "../../" });原创 2020-08-19 12:06:26 · 2055 阅读 · 0 评论 -
Vue 引入css文件，并控制其作用域
1：全局引用css文件方式1：在index.html 引入css文件<link href="/static/css/mui.min.css" rel="stylesheet">方式2：在App.Vue中引入css文件<style lang="scss" scoped>@import "../../assets/css/mui.min.css";</style>2：单页面引用css文件<style src="../../asse原创 2020-08-03 13:12:56 · 1206 阅读 · 0 评论 -
使用vue+nginx+dockerfile+docker-compose 发布静态网页（简单到爆）
源码：https://github.com/oopxiajun/vue_nginx_dockerfile_docker-composedocker-compose.yaml 内容# cat docker-compose.yaml version: '2'services: myvueweb: build: . ports: - "3000:80"...原创 2020-05-01 15:19:53 · 1285 阅读 · 0 评论 -
Docker 部署 Visual Studio 2019配置vue项目 （Docker部署静态网页）Docker+nginx
本文承接《Visual Studio 2019配置vue项目》,在《Visual Studio 2019配置vue项目》里面我们进入项目文件下打开dos窗口输入npm run serve 命令，这是开发环境调试用的指令，这样可以在开发时打开本地调试站点。我们既然用到了Visual Studio 2019 这个工具，那么就用懒人（使用vs都会让开发人员变懒）方式来发布这个Vue项目。这次我们不用...原创 2020-03-28 21:18:48 · 2219 阅读 · 0 评论 -
Visual Studio 2019 Vue项目 目录结构
Visual Studio 2019 Vue项目 创建成功后可看到如下结构Visual Studio 2019配置vue项目具体文件结构如下图目录 说明 dist 项目编译（打包 npm run build）后产生的可发布的文件（html,js,css 图片等） public 静态html文件,ico 图标等 src ...原创 2020-03-15 10:04:50 · 1683 阅读 · 0 评论 -
Visual Studio 2019配置vue项目
一，环境安装1：Vue项目一切基于Node.js，必须先安装NodeJS， 下载地址：https://nodejs.org/zh-cn/安装nodejs,一路next就行了Additonal工具可以不用安装。win+r 输入cmd输入 node -v 和 npm-v 得到版本信息证明装好了。2：确认Visual Studio 2019环境...原创 2020-03-14 22:51:38 · 6775 阅读 · 1 评论