vue
故事佛小妞
这个作者很懒,什么都没留下…
展开
-
vue构建项目并添加依赖
1、vue-cli 快速构建项目npm install -g vue-cli //安装vue-clivue init webpack market-manage //构建并初始化项目cd market-managenpm run dev //启动项目2、安装 normalize.cssnpm install normalize....转载 2018-09-25 18:32:26 · 2974 阅读 · 0 评论 -
vue开发实战1——环境搭建(vue-cli)
一开始很多刚入手vue.js的人,会扒GitHub上的开源项目,但是发现不知如何运行GitHub上的开源项目,很尴尬。通过查阅网上教程,成功搭建好项目环境,同时对前段工程化有了朦朦胧胧的认知,因此将环境搭建过程分享给大家。首先,列出来我们需要的东西: node.js环境(npm包管理器)vue-cli 脚手架...转载 2018-09-20 15:36:54 · 179 阅读 · 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 · 650 阅读 · 0 评论 -
vue开发实战2.0.1——vue配置文件详解
目录 config/index.jswebpack.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 · 508 阅读 · 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 · 890 阅读 · 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 · 281 阅读 · 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 · 375 阅读 · 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 · 218 阅读 · 0 评论 -
VUE:获取异步错误并自定义处理
这里写自定义目录标题问题场景分析一方法一:重新定义错误处理方法方法二问题场景在使用codemirror实现json、yml和property之间的转换时,使用了js-yaml插件处理json和yml,发现当输入yml格式错误时会在控制台输出错误提示,希望能够在页面上显示这个错误信息而不在控制台以error形式输出(且不影响vue默认的错误处理方法)。分析一查看vue的错误处理机制是Vue....原创 2019-02-25 16:56:39 · 4023 阅读 · 0 评论