今天想了解一下vue开发相关的东西,就动手搭建了一些开发环境。下面是我安装和配置的相关过程。(Mac系统) 下载安装nodejs 6.11.4 (包含 npm 3.10.10) 安装完成后,命令行升级一下npm $ np…
分类:vue-cli
撸VUE弹窗组件 + 可编辑div 组件
现在我们先只看看已经实现的功能,下次再发布如何从写组件到发布npm,和其中遇到的一些坑 都是实现一些简单的功能,代码量很小,其中还结合网上的一些比较优秀的代码,如果发现自己的一小部分代码也在里面,不要骂我偷哈。 当然你也…
探索vue-cli的webpack和webpack-simple模板的development server实现差异
以前初始化 vue工程都是用的 webapck的完整配置模板,即: vue init webpack my-project 最近写一个简单的 vue组件,准备发布到 npm,因此决定使用更简洁的 webapck配置模板,…
vue封装第三方插件并发布到npm
前言 写此文前特意google了一下,因为有较详细的开发教程我再写意义不大,有把插件封装成组件的教程,有把自己的组件封住成插件的教程,本文主要说明如何把第三方的插件封装成vue插件,简化配置,一键安装,主要提供思路,封装…
前端框架Vue(1)——vue-cli-simple(脚手架) 推荐开发环境
首先我认为你已经安装并且会使用node.js 和 npm<hr/> 1、安装淘宝镜像 npm install -g cnpm --registry= https://registry.npm.taobao.o…
个人关于vue全家桶开发规范的梳理
v-model的使用 通过合理的设置set() 和get()实现v-model computed: { message: { get () { return this.$store.state.obj.message }…
vue单页面应用使用vue-cli的打包问题
使用vue-cli来搭建vue页面 可以查看搭建和配置 vue单页面应用vue-cli的打包问题 问题1:每个页面按需加载,搭建中访问每个页面都会加载一个js,webpack输出的每个页面的js命名都是以数字命名。 解决…
vue2 过滤器 | 过滤时间 Monent.js的使用
本文主要是写给新手的,我自己也是一个新手。大牛请忽略~如果有错误请指出最近在写Vue的项目中遇到了时间转换的问题,所以就开始找资料。发现可以使用Vue的过滤器(filter)来处理处理时间的业界牛逼类库 moment.j…
vue-cli开发-搭建项目(一)
前言 vue-cli是Vue官方提供的命令行工具,可用于快速搭建大型单页应用。集成了webpack环境及主要依赖,对于项目的搭建、打包、维护管理等都非常方便快捷。建议先熟悉 Vue 本身之后再研究 CLI。使用之前需要对…
vue学习记录: 遇到过的问题记录
书写规范 prop 必须指定 type { // ... props: { title: String, likes: Number, isPublished: Boolean, commentIds: Array, a…
使用ESLint和sublimeLinter实时检测前端项目代码规范性[增Atom配置]
问题描述 使用vue-cli来构建Vuejs应用的项目中默认安装了eslint-loader模块,eslint-loader模块是目前相对比较流行的代码检测工具,可以检测书写的代码是否符合统一规范,可以在一些比较大型的项…
Vue 编译出现 Missing semicolon 错误的处理方法
在测试 vue-cli 脚手架工具,选择 eslint 模式后,对代码的规范有了很严格的要求,如果不符合eslint 规范,例如,代码中少了分号,则执行命令 npm run dev 就会出现错误。 我们可以通过返回的错误…