vue-cli 使用小技巧

1.关闭烦人的eslint 语法检测，在 config 文件夹下设置：

// Use Eslint Loader?
// If true, your code will be linted during bundling and
// linting errors and warnings will be shown in the console.
useEslint: false, //设置为false

2.引入scss样式文件，在需要引入的组件代码最后加上：

<style lang='scss' scoped>
@import '../assets/scss/friend.scss'; //需要引入的文件
</style>

3.假如你需要在vue中用到其他如jquery的工具或者插件，除了用import方法引入，还可以：

第一步，在入口index.html文件用script标签引入相应的js文件

第二步，把第一步的文件放入和index,html同级目录的static文件夹下

4.打包后，输出的文件dist/static/index.html无法用file协议打开，需要在config文件下index.js配置资源公共路径

build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),

// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './', //改为这个路径

转载于:https://www.cnblogs.com/kzc275/p/8052044.html

vue-cli 使用小技巧相关推荐

react vue开发赋值小技巧-短路
当我们在回显数据的时候,后端返回的值可能是null undefined 或者"(js 6个为false 的值):这时采用下面的写法,巧妙用短路逻辑, 让代码看起来更简洁. 含义为:如果有值 ...
vue @input带参数_Vue 全家桶开发的一些小技巧和注意事项
前言用 vue 全家桶开发一年多了,踩过不少坑,也解决了很多的问题,把其中的一些点记录下来,希望能帮到大家.以下内容基于最新版的 vue + vuex + vue-router + axios + ...
前端人必备的Vue小技巧|建议收藏
Vue是一套响应式的 JavaScript 开发库,是当下非常流行的 JavaScript 技术开发框架之一.vue 作为目前前端三大框架之一,对于前端开发人来说是一项必备技能.相比于其他大型框架, ...
Vue 工程代码阅读小技巧
Vue 工程代码阅读小技巧对于一个刚刚接触 vue 的小白白,怎样才能高效的阅读别人的 vue 工程代码.当然,有的项目有工程介绍,这令当别论,你就老老实实地看文档吧,看完差不多也了解业务流程了, ...
vue 动态变量名_【告别复制粘贴】动态模板生成小技巧
? 这是第 75篇不掺水的原创,想要了解更多,请戳上方蓝色字体:政采云前端团队关注我们吧- 本文首发于政采云前端团队博客:告别复制粘贴:动态模板生成小技巧 https://www.zoo.team/a ...
一些Vue开发小技巧，让你开发更便捷
Vue是一套用于构建用户界面的渐进式JavaScript框架.与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用.Vue的核心库只关注视图层,方便与第三方库或既有项目整合. 下面我们来看一些v ...
@vue/cli与rimraf 工具包的使用，打包时 calc 报错处理及vuex使用小示例
@vue/cli 实际使用心得文章目录 @vue/cli 实际使用心得小结 components 组件开发:可以将复杂功能细分成具体的小功能模块简化开发难度,同时也会导致嵌套层数很多的情况:例如最 ...
超级实用的vue小技巧，用了之后直呼好棒~
实用的vue小技巧,来源于真实企业实战 -- 记得收藏~ 1. 原型注入 2. 对象冻结 3.img 加载失败 4. 递归组件 5. 解决繁乱的template -- render函数 6. 延迟更新 ...
Vue中两个让你幸福感爆棚的组件导入小技巧之require.context
前言小伙伴们大家好,在上一篇文章Vue中两个让你幸福感爆棚的组件导入小技巧之循环代替Ctrl C/V(独家总结)中我们已经学习了一个注册全局组件的小技巧,使得我们在注册大量全局组件时不再被Vue.u ...
Vue中两个让你幸福感爆棚的组件导入小技巧之循环代替Ctrl C/V（独家总结）
前言小伙伴们大家好,今天要跟大家分享的是能够提升幸福感的关于组件导入的两个小技巧.做前端开发的小伙伴都知道,当前前端中有两大流行的框架Vue和React.而现在的前端开发中大部分公司用的也都是这两大 ...

vue-cli 使用小技巧

vue-cli 使用小技巧相关推荐

最新文章

热门文章