vuejs笔记之vue脚手架(vue-cli)环境下书写代码规范

责编:menVScode 2017-10-23 21:55 阅读(826)

如何用vue-cli搭建vue开发环境,可查看此链接文章:http://menvscode.com/detail/59de348610c98d0e654c1b87

1、注释:// 或者 /*  */,注释标识符和内容一定要有一个空格;

/* eslint-disable no-new */
//我是注释,前面没空格会报错
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})

QQ截图20171023211716


2、对象属性的' : '后面要有空格;

new Vue({
  el:'#app',
  router,
  template: '<App/>',
  components: { App }
})

QQ截图20171023212345


3、对象内部写函数方法的时候,' ( ) ' 两边需要有空格;for 循环、if 判断小括号两步都需要留空格。

new Vue({
  el: '#app',
  router,
  abc: function(){},
  template: '<App/>',
  components: { App }
}

QQ截图20171023212913


4、定义了变量后,一定要去使用,否则会报错;

import Vue from 'vue'
import App from './App'
import router from './router'
var cde = 'menvscode'

QQ截图20171023213422

5、不能加分号;

6、缩进是两个空格,而不是 ' Tab ' 键;


总的来说,这种代码gui'fan简直反人类,一不小心,鬼也不知道哪里出错,这篇文章介绍如何去除Eslint验证(语法格式验证):

http://menvscode.com/detail/59f0a0e210c98d0e654c1b93

标签: vue-cli vuejs
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码