使用Vue cli搭建專案具體流程

2021-09-11 06:12:58 字數 489 閱讀 4497

vue-cli是vue的乙個腳手架,我們可以通過它來構建我們的前端專案 

安裝vue-cli的步驟 :

1. 安裝nodejs(已經整合npm) 

2. node –v ; 檢視是否安裝成功

3. 安裝vue-cli: npm install –g vue-cli 

4. 建立專案 vue init webpack + 專案名

5. 選擇專案的一些配置(y/n) 

注:

1、npm install -g vue-cli 

-g表示全域性安裝, vue-cli是模組,全域性安裝的模組可以在命令列直接使用.

2、vue init webpack + 專案名

建立乙個基於」webpack」的專案

3、cd + 專案名

4、npm install 安裝需要的模組 

5、npm  run dev 執行專案

使用 vue cli 搭建專案

vue cli 是乙個官方發布 vue.js 專案腳手架,使用 vue cli 可以快速建立 vue 專案,github位址是 vue cli 3.x 已經發布,如果使用 3.x 構建專案,請參考 vue 爬坑之路 十二 vue cli 3.x 搭建專案 一 安裝 node.js 只是這樣安裝的 n...

使用 vue cli 搭建專案

vue cli 是什麼及為什麼要使用他 vue 提供了乙個官方的 cli,為單頁面應用 spa 快速搭建繁雜的腳手架。它為現代前端工作流提供了 batteries included 的構建設定。只需要幾分鐘的時間就可以執行起來並帶有熱過載 儲存時 lint 校驗,以及生產環境可用的構建版本。更多詳情...

Vue 使用 vue cli 搭建專案

vue cli 是乙個官方發布 vue.js 專案腳手架,使用 vue cli 可以快速建立 vue 專案,github位址是 一 安裝 node.js 只是這樣安裝的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安裝 安裝完成後,可以命令列工具中輸入 node v 和 n...