1胞皱、 開發(fā)環(huán)境
編輯器：sublime text3
語(yǔ)言：vue
2、 代碼格式化：
借助sublime編輯器瓮栗，安裝HTML-CSS-JS Prettify插件：
a)在Sublime Text 3中袍榆，按下Ctrl+Shift+P調(diào)出命令面板;
b)輸入install 調(diào)出 Install Package 選項(xiàng)并回車;
c)輸入pretty，并在列表中選擇HTML-CSS-JS Prettify后回車即可安裝溉痢。
d)查看本地安裝的NodeJS配置環(huán)境路徑（在dos命令下僻造，輸入where node并回車）。
e) 菜單 -> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify - Set `node` Path孩饼，設(shè)置一下nodejs路徑：
默認(rèn)對(duì)vue不支持,在"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg", "vue"]加上vue就好了
f）菜單-> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify – Plugin Options -Default髓削，最后"use_editor_indentation": true
g)設(shè)置sublime tab size = 4，sublime窗口右下角space/tab size點(diǎn)擊镀娶，選擇tab width=4:
h)安裝完成立膛，按快捷鍵Ctrl + Shift + H即可。
3梯码、 命名規(guī)范：
命名需遵從以下原則：
有意義的: 不過于具體宝泵，也不過于抽象
簡(jiǎn)短: 2到3個(gè)單詞
具有可讀性: 以便于溝通交流
a) 小駝峰命名：頁(yè)面名、頁(yè)面內(nèi)變量名轩娶、方法名
b) 大駝峰命名：組件文件名儿奶、組件名
c) 中劃線命名：html模板(css)中的class類名
d) 下劃線命名：局部變量
e) 全大寫命名：vuex相關(guān)事件
4、 vue組件結(jié)構(gòu)化：
按照一定的結(jié)構(gòu)組織鳄抒，使得組件便于理解闯捎。
<template>
<div>
<!-- ... -->
</div>
</template>
<script type="text/javascript">
export default {
// 不要忘記了 name 屬性，name名與vue文件名保持一致
name: '',
// 變量
data() {},
// 計(jì)算屬性
computed: {},
// 組件屬性许溅、變量
props: {
bar: {}, // 按字母順序
foo: {},
fooBar: {},
},
// 使用其它組件
components: {},
// 生命周期（鉤子）函數(shù)
created() {},
mounted() {},
// 方法
methods: {},
// 監(jiān)聽函數(shù)
watch: {},
};
</script>
<style lang=”scss” scoped>
</style>
5隙券、 scss編寫：
采用scss編寫樣式，
a) <style>標(biāo)簽一點(diǎn)要加上scoped屬性
b) 使用{}作用域闹司，避免不同文件之間的樣式?jīng)_突
