背景以前的项目要不是前人搭建的，要不就是从 vue-cli 搭建，然后将一些旧项目公用的代码搬过来，这些操作下来一个小时估计是跑不了的了，所以搭建属于自己的 template 是一件省时省力的事情。本文章不会讲到 vue-cli 的原理和实现，有兴趣的同学可以阅读 从vue-cli源码学习如何写模板，这篇文章写的很好，足够理解 vue-cli 的原理了。如何修改 template 文件首先，需要从
转载
2023-08-24 22:55:23
59阅读
先安装 node 环境node -v npm -v 查看版本新建文件夹 vuecli，并初始化npm init -y文件夹是中文名的话，这样会报错，需要 npm init 回车然后填写名称，其他信息一路回车即可，然后熟悉的 package.json 两兄弟文件就在根目录中出来了npm 安装是缩写模式, 简单说下：
-D 为 --save-dev 开发环境中使用
-S 为 --save 生产环境
转载
2024-01-26 12:20:23
72阅读
1. 前言Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 实现的交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。一个运行时依赖 ( @vue/cli-service )，该依赖：可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件
转载
2024-04-13 12:35:28
83阅读
前言在开始项目搭建之前，要先了解vue和webpack。（参考官方文档）vue官方文档webpack是一个现代JavaScript应用程序的静态模块打包器（module bundler）。当webpack处理应用程序时，它会递归地构建一个依赖关系图（dependency graph）,其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。 安装准备vue-cli安装要先有
转载
2024-05-13 13:49:37
98阅读
webpack4中webpack 的DllPlugin插件可以将常见的库文件作为dll文件来，每次打包的时候就不用再次打包库文件了。 但是游鱼西在vuecli中已经去除这个选项，意识到带来的打包速度提升并不明显； dllplugin配置可以参看这篇文章：dllplugin; 这里带来新的hand s ...
转载
2021-07-30 10:47:00
430阅读
2评论
项目根目录vue.config.js文件加入productionSourceMap: false，没有这个文件就创建内容module.exports = { productionSourceMap: false}
原创
2021-07-06 15:42:51
434阅读
mockjs的简介：使用mockjs可以事先模拟数据，前提是和后端约定好了数据接口，怎样的数据。使用mock就可以生成你要
转载
2022-05-27 07:17:19
878阅读
首先需要安装webpack-bundle-analyzer插件 npm install webpack-bundle-analyzer --save-dev 然后在config.js中配置 module.exports = { chainWebpack: config => { config .pl Read More
转载
2019-12-27 12:38:00
180阅读
2评论
Vue是一套用于构建用户界面的渐进式框架，使用vue你得用webpack打包吧，webpack基于node.js运行，那你得安装node吧，就如你开发java要装maven一样，你得有个npm
原创
2022-06-28 19:17:30
204阅读
要vite的开发的快速 和 webpack打包 开发的时候 用vite，可以打包一个本地=
原创
2022-08-29 16:06:32
238阅读
webpack能够把.vue后缀名的文件打包成浏览器能够识别的js 而这个.vue文件装换需要打包器vue-loader 这个vue-loader打包器是可以从npm上面下载（npm上面有很多资源包） npm下载文件之后，webpack打包文件的时需要node环境去运行 .
转载
2019-04-19 10:05:00
101阅读
2评论
更换版本前需要将当前版本删除，再安装新版本。 升级版本： npm uninstall vue-cli -g npm install -g @vue/cli vue -V 回退版本： npm uninstall -g @vue/cli npm install vue-cli -g vue -V 如果有
原创
2021-07-13 16:25:42
170阅读
VueCLI相关 什么是Vue CLI 如果你在开发大型项目，那么你需要，并且必然需要使用Vue CLI 使用Vue.js开发大型项目时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。 如果每个项目都要手动完成这些工作，那么效率比较低效，所以我们通常会使用一些脚手架工具来帮助 ...
转载
2021-08-18 01:02:00
142阅读
2评论
## VueCLI和iOS开发的集成
### 什么是VueCLI？
VueCLI是一个用于快速构建Vue.js应用程序的脚手架工具。它为开发者提供了一个简单易用的工具链，包括初始化项目、开发、构建部署等一系列的命令和配置。VueCLI使得开发者能够快速搭建一个现代化的Web应用，同时还能享受到Vue.js框架所提供的丰富的功能和灵活性。
### VueCLI和iOS的集成
在移动应用开发中
原创
2023-11-14 05:31:59
154阅读
一、npm包管理文件 安装命令：npm init -y 二、创建webpack.config.js配置文件 entry //入口文件 moudle //loader打包css、less、图片资源等等 plugins //插件打包html output //输出 mode //模式 developme ...
转载
2021-08-16 12:39:00
133阅读
2评论
 。 * 在We
原创
2022-03-30 10:38:17
127阅读
* Webpack是一个模块打包器(bundler)。 * 在Webpack看来, 前端的所有资源文件(js/css/img/less/...)都会作为模块处理 * 它将根据模块的依赖关系进行静态分析，生成对应的静态资源官方文档：https://www.webpackjs.com/笔记：Webpack 本身只能加载JS/JSON模块，如果要加载其他类型的...
原创
2021-08-07 12:50:44
201阅读
什么是loader loaders是你用在app源码上的转换元件。他们是用node.js运行的，把源文件作为参数，返回新的资源的函数。 例如，你可以用loaders告诉webpack加载 coffeeScript或者JSX。 loaders 特点： 1. 可以链式拼接。他们用在通向文件的管道，最后一
转载
2017-06-20 19:48:00
152阅读
2评论
