关键字:vue-cli
  • vue中style scope深度访问方式
    背景: vue-cli3.0项目中需要修改element-ui collapse collapse-item 的样式(背景色等),template简单如下: <el-collapse class="my-collapse"> ...
  • vue 加载动态组件
    背景 之前的文章vue动态加载静态js插件已经介绍,可以使用ajax的方式加载静态js库,项目里会把这些插件缓存在一个全局变量allPluginsComps里,可随时修改。 for (const item of this.insta ...
  • vue-cli3 打包组件为单个js文件
    背景 最近做的项目需要开发插件功能,要求可以从服务器上加载,那就需要加载动态组件。但是所有需要加载的组件都是动态获取和实例化的,需要作为插件加载进来。那么这些插件如何打包为单独的js文件呢?由于项目用的vue-cli 脚手架,发现了构建目标 ...
  • 基于vue-cli4配置px2rem做到移动端自适配
    在实际开发中,我们需要将设计稿中的px转换成rem,然后再写入到样式中。postcss-px2rem可以帮助我们自动完成转换。 一、安装模块 cnpm install amfe-flexible postcss-px2rem -S ...
  • 《vue 3.0探险记》- webpack去哪了?
    目的 创建了一个vue3.0的项目,本想配置一下webpack 在启动vue项目时自动打开浏览器 问题 webpack不见了... webpack去哪里了呢? 原来网络上早有人给出了答案:被vue-cli隐藏了 ...
  • 《vue 3.0探险记》- 尝试安装Element UI
    总结: element ui未适配vue 3.0, 在vue 3.0中,element ui不可用。(2020.9.12) 根据element ui为vue 3.0提供的特别入口https://github.com/ElementUI/vu ...
  • 《vue 3.0探险记》- 初始化项目
    记录日期:2020.9.12 版本:"vue": "^3.0.0-0" 第一步:安装vue-cli npm install -g @vue/cli 检测是否安装成功 vue -V: $ vue -V @vue/cli 4.5.6 第二步 ...
  • 在 vscode 中 debugger 调试
    如何使用 Debugger for Chrome 这个插件在 vscode 中进行 debugger 调试。 项目地址:https://github.com/Ewall1106/mall 在 vscode 中调试 vue 如何使用 De ...
  • 最详细,快速入门Web前端开发的正确姿势
    入门标准入门标准很简单,就一条:达到能参与 Web 前端实际项目的开发水平。请注意,是实际项目,这就需要了解如今的实际项目开发都用了哪些技术栈。HTML/CSS/JavaScript 这三大基础技术栈肯定是需要掌握的,但要能参与实际项目开发 ...
  • Vue基于已有的项目封装组件发布npm
    一、修改项目结构 当前结构 修改后结构 将原来的 src 目录,修改成 examples 新建 packages 文件夹,用来存放后续的组件 二、修改配置 项目启动默认入口是 src/main.js,第一步已将 src 文件名改成 exam ...

暂无数据