vue2 — 使用vue-cli創(chuàng)建vue2項目

  • npm安裝vue-cli
npm install -g vue-cli
  • 創(chuàng)建vue2項目
vue init <template-name> <project-name>
// template-name可選項：webpack、webpack-simple、browserify、browserify-simple、simple
// project-name: 創(chuàng)建項目的名稱，缺省默認在當前目錄初始化項目信息

vue-cli使用詳情：https://github.com/vuejs/vue-cli

  • 基于webpack創(chuàng)建的項目結(jié)構(gòu)


    vue-cli初始化創(chuàng)建的項目結(jié)構(gòu)
build: webpack打包相關配置信息
config: 環(huán)境配置信息
package.json: 依賴項配置文件
index.html: 首頁
src: 項目源碼存放
static: 靜態(tài)資源文件存放目錄
src/main.js: 入口文件
src/App.vue: App根節(jié)點
  • 安裝及運行
// 切入到項目目錄
cd project-name  
// 安裝依賴
npm install 
// 編譯
npm run build
// 啟動dev
npm run dev
或npm run start

啟動后會自動在瀏覽器打開：http://localhost:8080/#/，顯示以下畫面：

啟動效果

下一篇： vue2 — 根據(jù)需要做點改動

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容