91制片国产自产在线观看,国产午夜aV免费不卡在线,国产成人精品无码青草

本文和大家分享的主要是vue.js 中使用vue-cli 初始化項目相關(guān)內(nèi)容，一起來看看吧，希望對大家學(xué)習(xí)前端有所幫助。

　　一、安裝步驟

　　 step1、安裝Node.js

　　首先需要下載并安裝Node.js ，下載地址： Node 官網(wǎng)。

　　可查看我的另外一篇文章，僅作參考：Node.js 入門及安裝

　　測試安裝是否成功，打開cmd ，使用 node -v ，如果顯示版本號則表示安裝成功。

　 step2、安裝vue-cli

　　使用vue-cli （腳手架）搭建項目， vue-cli 是 Vue 官方提供的用于搭建基于 vue+webpack+es6 項目的腳手架工具。

　　GitHub 地址： vue-cli

　　全局安裝：-g 表示全局安裝 vue-cli

　　 npm install -g vue-cli

　　如果安裝較慢，可以使用淘寶鏡像安裝。

　　 cnpm install -g vue-cli

　　 step3、初始化項目

初始化基于webpack 的模板項目， projectName 為項目名稱，可以自動生成目錄及相關(guān)文件，跟 express 生成器差不多。

　　 vue init webpack projectName

　　在初始化的過程中會詢問一些相關(guān)的說明和配置，這些說明和配置會寫入package.json 文件中，會自動生成對應(yīng)的模塊。

　如果需要使用ESLint 規(guī)范和相關(guān)的 unit test 和 e2e ，請輸入 yes ，這樣初始化出來的項目，會自動配置好對應(yīng)的模塊。

　　 step4、下載項目依賴模塊

　　定位到項目根目錄，下載項目依賴的所有模塊。

　　 npm install

　 step5、運行項目

　　定位到項目根目錄下，使用命令：

　　npm run dev

　　使用命令運行項目，在瀏覽器中輸入 http://localhost:8080 可訪問。

　整體過程：

　　# 全局安裝 vue-clinpm install -g vue-cli

　　# 創(chuàng)建一個基于 webpack 模板的新項目

　　vue init webpack projectName

　　# 安裝依賴，先定位到項目根目錄，然后安裝

　　cd projectNamenpm install

　　# 運行項目 npm run dev

　　二、目錄說明

　　項目文件需要放到 src 文件夾下，相關(guān)的部分靜態(tài)資源需要放在 static 文件夾下。

　　項目開發(fā)完成之后，可以輸入 npm run build 來進(jìn)行打包工作

　　npm run build

　　打包完成后，會生成 dist 文件夾，如果已經(jīng)修改了文件路徑，可以直接打開本地文件查看

　　項目上線時，只需要將 dist 文件夾放到服務(wù)器就行了。

QQ截圖20170409201551.png (61.4 KB, 下載次數(shù): 0)

1 分鐘前上傳

來源：網(wǎng)絡(luò)

Vue.js 中使用vue-cli如何初始化項目？