Vue開始乙個專案

2022-09-08 06:57:10 字數 1208 閱讀 5335

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是...