1. 程式人生 > >快速創建vue 項目

快速創建vue 項目

模塊 執行 命令 創建項目 時間 項目創建 們的 前端 webp

隨著VUE 技術的不斷更新,越來越多的開發者開始使用vue編寫前端界面,今天我就和大家分享一下 ,如何快速創建一個vue項目。

前提: 安裝了node.js

首先: 全局安裝vue-cli

使用命令:

npm intsall vue-cli -g  (-g代表全局安裝)

創建項目

使用Vue初始化基於webpack 的新項目

使用命令:

vue init webpack my-project

命令運行中會提示一些選項 ,可以根據自己使用情況安裝 ,個人推薦安裝eslint ,他可以更好的規範我們的代碼風格

新項目創建好後,可以開始安裝基礎模塊

進入我們創建的項目

cd my-boject

開始安裝模塊

npm  intsall

此命令可能會執行很長時間,視網速而定 ,如果感覺時間很長,可以考慮試試cnpm 安裝

模塊安裝完成後,執行以下命令可預覽剛剛創建的新項目

npm run dev

至此 使用Vue-cli腳手架創建新項目完成

快速創建vue 項目