安裝vue-cli
npm i vue-cli -g
安裝完畢後 可以執行 vue -v 檢視版本號 -v 的v 是大寫
建立 vue專案 ,使用 init 初始化乙個專案
vue init
是模板名稱 一般使用 模板 webpack
是專案名稱
例如vue init webpack hwvue
就能建立出 hwvue 的專案資料夾
進入資料夾nodejs的常用方法 npm install
然後 執行dev 環境的命令是 npm run dev
它會啟動乙個 express 的server來顯示**
打包 命令 是 npm run build
將打包出 乙個 dist 的資料夾
裡面有乙個檔案 index.html 和 static 資料夾
將這個兩個檔案 放到 網路後台 靜態網頁伺服器 就能顯示 頁面
例如 express 的static 檔案路徑
dev**的執行埠設定 在 webpack.dev.conf.js
系統的啟動檔案:webpack.base.conf.js
entry: {
//後面的是個人理解,
每個 vue 檔案 export default 代表輸出乙個元件吧
元件的名字是*** :name: '***'
//將它定義為元件
vue cli學習筆記
初學vue利用vue cli 和webpack構建專案腳手架。1.相關需求 首先需要全域性安裝vue及vue cli 外鏈轉存失敗 img 4euqxnrz 1562640163491 2.安裝vue cli 開啟命令列工具 輸入 vue init webpack projectname 此處我使用...
Vue CLI 學習手記
vuecli其實就是vue為了方便開發，迅速搭建專案目錄，基本配置，測試等建立的命令集。下面幾個重要 vue cli全域性安裝比較好，因為我們需要他建立乙個vue專案基本框架。vuecli包括三個部分，cli cli服務 cli外掛程式，cli 為我們建立vue專案的基本目錄結構和框架，主要命令cr...
Vue cli 多頁相關配置記錄
搭建乙個順手的mpa專案腳手架，其實根據專案的不同目錄結構和打包配置都可以進行靈活的調整。這次的專案可能是包含各種客戶端和管理後台在一起的綜合專案所以需要將樣式和指令碼做比較好的隔離。許可權驗證可以使用統一的模組，然後每個單獨spa中根據需求再單獨實現資料或者功能許可權的控制。因為專案間的差異可能會...