vue安裝起手式(一)
首先架構Vue環境 vue init webpack myproject 執行環境 npm install npm run dev 安裝支持scss依賴 npm install sass sass-loader node-sass 安裝支持pug依賴 npm install pug pug-loader pug-filters 安裝完成後，進入到/build目錄下，打開webpack.base.conf.js 文件 將红框中的内容添加進文件： { test : /\.scss$/, loader: 'style!css!sass?sourceMap' }, { test : /\.jade$/, loader: "jade" }, { test : /\.pug$/, loader: 'pug' }, 這樣.vue文件就可以支持pug，scss語法了 //使用pug语法 <template lang= "pug" > #app img.vue(src= "./assets/logo.png" ) Hello </template> //使用scss语法 <style lang= "scss" > *{margin: 0 ;padding: 0 } body{ background-image: url( "/static/images/background.png" ); #app { font-family: 'Avenir' , Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60 px; img.vue{ ...