vue+webpack初體驗

step1:

檢查本地是否安裝node: node -v

沒有安裝先安裝最新的node。

如果已經安裝了想要升級,可以先安裝n模塊,用n模塊來升級

安裝n模塊 : ?npm install -g n

升級 n stable

n后面也可以跟版本號更新到指定版本 比如 n v0.10.26

step2:

檢查npm版本 :npm -v

如果版本低可以升級:npm install -g npm

step3:

安裝webpack,推薦全局安裝:npm install webpack -g

step4:

安裝vue-cl:npm install vue-cli -g

step5: ? ? ? //如果上面的都準備好了,可以把這個當成step1

cd到一個你準備放文件的文件夾

創(chuàng)建項目: vue init webpack 工程名(其中webpack是模板名,有這些模板webpack,webpack-simple ,browserify ,browserify-simple ,simple,這里使用webpack作為示例)

接下來會有詢問,默認的直接回車,有要選擇的根據需要選擇yes或no。

step6:

已經創(chuàng)建了一個工程,比如叫webapp。

cd到webapp

然后npm install

到這里你的工程就已經ok了


如果想在本地運行 : npm run dev (會直接打開localhost,默認8080端口,可以更改端口,在config/index.js里面找)

如果想打包 : npm run build (會生成一個dist文件夾,dist文件夾里面的內容放到服務器就行了)

另外,需要更改打包資源的目錄的,更改一下config/index.js里面的assetsPublicPath就行了

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

相關閱讀更多精彩內容

友情鏈接更多精彩內容