vue
故事佛小妞
这个作者很懒,什么都没留下…
展开
-
vue构建项目并添加依赖
1、vue-cli 快速构建项目 npm install -g vue-cli //安装vue-cli vue init webpack market-manage //构建并初始化项目 cd market-manage npm run dev //启动项目 2、安装 normalize.css npm install normalize....转载 2018-09-25 18:32:26 · 2988 阅读 · 0 评论 -
vue开发实战1——环境搭建(vue-cli)
一开始很多刚入手vue.js的人,会扒GitHub上的开源项目,但是发现不知如何运行GitHub上的开源项目,很尴尬。通过查阅网上教程,成功搭建好项目环境,同时对前段工程化有了朦朦胧胧的认知,因此将环境搭建过程分享给大家。 首先,列出来我们需要的东西: node.js环境(npm包管理器) vue-cli 脚手架...转载 2018-09-20 15:36:54 · 185 阅读 · 0 评论 -
vue开发实战2——项目框架结构
为了在vue项目中更好的管理项目,按功能划分src文件,按业务模块划分前端展示相关内容。 build 构建相关,相关配置文件详情。 打包时,命令执行npm run build时运行,其中webpack.base.conf.js文件当中的 entry: { app: './src/main.js' } 是入口路径。而 output:{...} ...原创 2018-09-26 10:02:37 · 659 阅读 · 0 评论 -
vue开发实战2.0.1——vue配置文件详解
目录 config/index.js webpack.base.conf.js(基础环境配置) webpack.prod.conf.js(生产环境下的配置文件) webpack.dev.conf.js(开发环境配置) build/build.js config/index.js 'use strict' // Template version: 1.3.1 // see...原创 2018-09-27 16:06:08 · 523 阅读 · 0 评论 -
vue开发实战2.0.2——使用scss
首先,按规矩先引用一段官方定义: Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。...原创 2018-09-27 18:28:26 · 901 阅读 · 0 评论 -
vue开发实战2.0——插件使用
在引入插件后,可以在package.json中的dependencies和devDependencies看到。 npm install 插件名 或 npm install 插件名 --save 归属dependencies,表示代码运行时所需要的包。 npm install 插件名 --save-dev 归属devDependencies,表示开发时依赖的插件(即不会打包至线上)。 如:jq...原创 2018-09-27 18:31:26 · 292 阅读 · 0 评论 -
vue开发实战2.1——atom插件配置
使用ATOM进行开发,引用插件: Emmet 基于Emmet语法产生HTML 让ATOM编辑器的EMMET插件支持VUE文件的方法 原资料出处:https://github.com/emmetio/emmet-atom/issues/364 atom-html-preview Atom编辑器内实时预览的工具,不支持vue Atom编辑器折...原创 2018-09-27 18:33:17 · 383 阅读 · 0 评论 -
vue开发实战2.0.3——插件高级范围语法
前提:一个完整的版本号组表示为[主要版本号,次要版本号,补丁版本号] 高级范围语法指按照确定的方法分离比较器为原始比较器。通过原始比较器可以明显的看出版本范围。 连字符(-) X.Y.Z - A.B.C 常规使用: 1.2.3 - 2.3.4 1.2.3<=实际版本<=2.3.4 如果开始版本只提供了部分版本号,则用0替换丢失的部分: 1.2 - 2.3.4 ...翻译 2018-10-08 14:42:01 · 230 阅读 · 0 评论 -
VUE:获取异步错误并自定义处理
这里写自定义目录标题问题场景分析一方法一:重新定义错误处理方法方法二 问题场景 在使用codemirror实现json、yml和property之间的转换时,使用了js-yaml插件处理json和yml,发现当输入yml格式错误时会在控制台输出错误提示,希望能够在页面上显示这个错误信息而不在控制台以error形式输出(且不影响vue默认的错误处理方法)。 分析一 查看vue的错误处理机制是Vue....原创 2019-02-25 16:56:39 · 4047 阅读 · 0 评论