1.建立vue 專案
vue init webpack name
2.安裝常用依賴
根據需求安裝常用依賴:router(路由) axios(互動) vuex(狀態管理) less, sass(css預處理器) fastclick (處理移動端click事件300毫秒延遲)
npm i -s vue-router axios vue-axios vuex less less-loader fastclick
less 依賴需要在build/webpack.config.js 下配置:
自定義公用的 less檔案,主要用到less的變數, 如何全域性使用這些變數 ,修改: build/utils.js
修改 less: generateloaders('less'), //需要安裝 npm install -d sass-resources-loader
less: generateloaders('less').concat(}),
less 依賴的使用 新增lang:
<style
lang
="less"
>
body
style
>
fastclick 依賴的引入和使用
import fastclick from 'fastclick'fastclick.attach(document.body)
3.修改eslintrc.js: 修改一些es6語法檢查過濾項 es6語法規則
最好統一乙個規範
"indent":0, // 縮排
"space-before-function-paren":["error","never"], // 在函式括號之前需要或不允許空格,never 絕不
"no-tabs":'off', // 禁止所有標籤
"no-unused-expressions": 0 // 短路求值和三目運算都允許
4.vue風格指南
開始乙個簡單的VUE專案
本專案結合vue2.x element ui進行實現編碼 注意 1.redirect login 是為了重定向首頁為登入頁,若改為redirect main 則首頁為main頁,2.path為瀏覽器的url位址顯示的路徑,需要是name中路徑的小寫寫法 3.home.vue頁中寫入專案的框架布局如 ...
開始乙個專案
好久沒有做開發了,最近準備找個感興趣的事來做一下。現在物聯網可做的東西比較多,我也選乙個,做乙個環境引數的採集,通過感測器將空氣中的部分引數採集下來,通過網路傳輸的後台伺服器上,在伺服器上做乙個簡單的展示頁面,並對外提供開發介面。ok,那就開始了。首先,確定框架,前端採集,通過網路傳輸到伺服器。其次...
從乙個vue專案開始搭建架構
1,專案目錄 專案位址 api 簡單api封裝 assest 存放靜態檔案包括css,通用js components 元件分公共元件和業務元件 router 公共路由 store 狀態管理機制,我做了一次分層 views 試圖層,按照模組分裝頁面 2,核心 先要梳理專案所需元素,通用less和js是...