前端開發使用vue腳手架快速構建前端專案

2021-10-24 21:15:41 字數 639 閱讀 5030

vue 提供了乙個官方的 cli,為單頁面應用 (spa) 快速搭建繁雜的腳手架。

& node -v 檢測是否安裝成功
npm install -g @vue/cli
& vue --version 檢測是否安裝成功
& vue init webpack 資料夾名稱
runtime + compiler: recommended for most users  --執行加編譯(建議選擇)

runtime-only: about 6kb lighter min+gzip, but templates (or any vue-specific html) are only allowed in .vue files - render functions are required elsewhere  --僅執行

是否設定單元測試

是否設定端到端測試

# project initialization finished!

cd work(進入專案所在資料夾)
& npm run dev 啟動專案

Vue腳手架使用

安裝 1.全域性安裝腳手架 cnpm install g vue cli 使用 2.新建資料夾,在當前目錄執行命令 vue create 專案名稱 3.配置 選擇manually select feautures 空格選擇babel和css pre procesors 選擇sass scss wit...

前端腳手架

腳手架目錄 idea build configwebpack 配置檔案 dist打包輸出目 node modules依賴目錄 src assets資源 components自定義元件 pages每個vue 檔案對應乙個頁面,或者頁面的乙個元件 router路由 整個專案的路由跳轉配置 config....

vue腳手架使用vant

由於公司最近開發移動端專案,我就學習了下vant來自有讚的 元件庫 我就把自己的學習經驗分享下 1.首先你要是使用vant腳手架就得先安裝 npm i vant d s d 是開發環境下使用 s 是生產環境下需要 我們的vant是包括上線之後還是要使用所以 是 s 我們再使用的時候也是有倆種方式 一...