vue cli 腳手架 vue開發的標準開發工具

2021-10-11 11:10:27 字數 1411 閱讀 7991

總結使用vue-cli的基本使用用法

官方文件:

vue cli 致力於將 vue生態中的工具基礎標準化。它確保了各種構建工具能夠基於智慧型的預設配置即可平穩銜接,這樣你可以專注在撰寫應用上,而不必花好幾天去糾結配置的問題。與此同時,它也為每個工具提供了調整配置的靈活性,無需eject。

安裝要求

node 建議安裝14.x系列

vue cli 4.x 需要 node.js v8.9 或更高版本 (推薦 v10 以上)。你可以使用 n,nvm 或 nvm-windows 在同一臺電腦中管理多個 node 版本。

安裝vue-cli這個包

安裝之後,你就可以在命令列中訪問 vue 命令。你可以通過簡單執行 vue,看看是否展示出了乙份所有可用命令的幫助資訊,來驗證它是否安裝成功。

希望在vue-cli 3版本環境下執行版本2的指令,需要安裝橋接工具

用vue指令建立簡單的專案

npm run dev -> 把專案在自帶的伺服器下開啟(自動開啟瀏覽器)->啟動開發模式

學習vue-cli 腳手架的基本使用方法

搭建VUE腳手架 vue cli

確保node.js和npm cnpm都安裝好的情況下,檢視命令 node v npm v cnpm v,有返回版本號即為安裝成功,npm和cnpm有乙個即可,cnpm是 映象的npm,相對npm更快更穩定,配置命令 npm install g cnpm registry 在用 vue.js 構建大型...

搭建Vue腳手架(vue cli)

1.安裝node.js 安裝完成之後,開啟命令列工具 win r,然後輸入cmd 輸入 node v,如下圖,如果出現相應的版本號,則說明安裝成功。c users 19565 node v v12.13.1 c users 19565 npm v 6.12.1 2.安裝webpack 開啟命令列工具...

Vue腳手架vue cli搭建

vue腳手架搭建流程 首先在node環境下使用npm或者cnpm進行vue腳手架搭建 1.安裝node環境 安裝成功後在命令列檢視node版本,如果有說明安裝成功。檢視node版本 node v 2.安裝vue腳手架工具vue cli大家在安裝node的時候,會自動安裝npm 可以先行檢視npm版本...