美文网首页我爱编程
Vue开发问题整理

Vue开发问题整理

作者: HapplyFox | 来源:发表于2018-04-22 20:01 被阅读11次

UI选择

微信开发
基于vue2.0 Vux
基于jquery weui

app开发
vonic
mint-UI
Vant
Muse-UI

桌面端
IView
ElemtUI

插件使用

很多人像我一样,刚开始的会安装很多插件,然后最后在项目中并没有用到。那之前安装的插件太多了,连自己都忘记了安装了哪些插件?
package.json


clipboard.jpg

在上图所示位置,我们项目安装的所有的模块依赖都在这个pageage.json文件中,当我们需要整理一波自己的依赖的时候,可以在这个文件里面找有没有现在已经没用的依赖,可以使用命令行npm remove 模块名字来删除没用的模块。

--save-dev和--save的区别

上面的这些依赖有些只在开发环境里面使用的模块,有的在项目上线之后还是要继续依赖的模块。他们之间的区别就在于我们平时安装模块依赖时的:--save-dev和 --save

当你使用--save-dev安装依赖的时候就会放在package.json的devDependencies对象下面,相反的,当你使用--save安装依赖的时候就会出现在dependencies对象下面。

总结:--save-dev 是你开发时候依赖的东西,--save 是你发布之后还依赖的东西。

静态资源处理

assets和static文件夹的区别

相信有很多人知道vue-cli有两个放置静态资源的地方,分别是src/assets文件夹和static文件夹,这两者的区别很多人可能不太清楚。

assets目录中的文件会被webpack处理解析为模块依赖,只支持相对路径形式。
background: url(./logo.png)中,"./logo.png" 是相对的资源路径,将由Webpack解析为模块依赖。

static/ 目录下的文件并不会被Webpack处理:它们会直接被复制到最终的打包目录(默认是dist/static)下。必须使用绝对路径引用这些文件,这是通过在 config.js 文件中的 build.assetsPublicPath 和 build.assetsSubDirectory 连接来确定的。

任何放在 static/ 中文件需要以绝对路径的形式引用:/static/[filename]。

在我们实际的开发中,总的来说:static放不会变动的文件 assets放可能会变动的文件。


示例.png

相关文章

  • Vue开发问题整理

    UI选择 微信开发基于vue2.0 Vux基于jquery weui app开发vonicmint-UIVantM...

  • 关于Vue生命周期的思考

    关于Vue组件生命周期,官方图示: 在开发过程中遇到关于生命周期的问题,整理分享下: Vue-router跳转同名...

  • 0.Vue知识学习整理-1_2020-03-17

    一.Vue开发知识体系: 二.Vue知识整理:4.组件通信 Vue.component('组件name',{......

  • Vue.js动态组件解析

    此前的Vue.js系列文章: Vue.js开发常见问题解析 Vue.js常用开发知识简要入门(一) Vue.js常...

  • Vue 开发时间线

    Vue 开发日记第1天 安装开发环境 写登录页面 遇到的一些问题 Vue 开发日记第2天 登录跳转及路由 Vue ...

  • Vue开发心得整理

      陆续做了很多vue2项目也参考了不少相关规范,但对更贴近业务/框架使用的规则/经验一直疏于整理,这也导致过程中...

  • node vue 问题整理

    vue-admin@3.1.0 dev /Users/fei/park_share/SpringBoot-Shir...

  • 解决Vue CLI3 项目部署到非根目录下刷新空白问题

    太久没来简书了,今天趁着假期把我那乱乱的笔记本重新整理整理~ 如果你的前端项目使用Vue+Vue CLI开发,部署...

  • Vue和ElementUi组件开发遇到的问题

    Vue和ElementUi组件开发遇到的问题 一、vue 1. props单向绑定 vue中的props是单向绑定...

  • Vue 技巧

    整理Vue 开发技巧 1、页面需要导入多个组件 2、img 加载失败 3、Vue监听生命周期函数 4、外部监听生命...

网友评论

    本文标题:Vue开发问题整理

    本文链接:https://www.haomeiwen.com/subject/eenclftx.html