Vue2 0基礎 vue cli搭建專案

2021-09-20 22:05:43 字數 756 閱讀 6625

webpack是乙個module bundler（模組打包工具），其可以相容各種js書寫規範，且可以處理模組間的依賴關係，具有更強大的js模組化的功能。webpack對它們進行統一的管理以及打包發布，其官方主頁用下面這張圖來說明webbpack的作用。

在講課的時候講解過webpack，並且從零開始使用了webpack搭建了乙個工作流，在這裡就不囉嗦講解了。

在使用vue-cli之前，需要安裝nodejs環境和vue-cli工具。

npm install -g vue-cli
1. vue init webpack my_prj
其中webpack是模板名稱，my_prj是自定義的專案名稱，命令執行之後，會在當前目錄生成乙個以該名稱命名的專案資料夾。

2.cd my_prj
使用cd命令切換到相應的檔案目錄中

3.cnpm install
4.使用npm run dev啟動工程
因為在package.json中使用了

5.打包上線
自己編寫的**都放在src資料夾下，專案開發完成之後，可以輸入npm run build來進行打包工作。

賞 謝謝你請我吃糖果

搭建Vue2 0開發環境

1 必須要安裝nodejs 2 搭建vue的開發環境 安裝vue的腳手架工具 官方命令列工具 npm install global vue cli cnpm install global vue cli 此命令只需要執行一次 3 建立專案 必須cd到對應的乙個專案裡面 vue init webpac...

Vue cli搭建vue基礎專案

目錄 一 引言 二 專案建立 1 安裝node 2 全域性安裝cnpm 3 全域性安裝webpack和webpack cli 4 全域性安裝vue cli 5 使用vue cli建立專案 6 開發執行專案 7 打包發布專案 8 除錯工具外掛程式 三 總結 首先必須明確vue cli是什麼，就是乙個腳...

Vue2 0框架搭建基礎操作及目錄說明

vue.js是一套構建使用者介面的漸進式框架。vue採用自底向上增量開發的設計。vue的核心庫只關心檢視層，非常容易學習，非常容易與其它庫和已有專案整合。vue完全有能力驅動採用單檔案元件和vue生態系統支援的庫開發的複雜單頁應用。vue.js的目標是通過盡可能簡單的api實現響應的資料繫結和組合的...