Vue學習筆記之vue-cli

說明:學習vue時的筆記,用于理清自己在學習過程中的每個知識點的思路,若有錯誤,不吝賜教,謝謝。

vue-cli腳手架介紹

vue-cli,是一個快速的構建vue項目的工具、腳手架,它是官方出口。它會自動的把一個項目所需要的目錄、文件,都給自動的創(chuàng)建好。

使用步驟

0、安裝cnpm(可選項)

由于有些npm有些資源被屏蔽或者是國外資源的原因,經(jīng)常會導致用npm安裝依賴包的時候失敗,所有還需要npm的國內鏡像---cnpm。

npm install -g cnpm --registry=http://registry.npm.taobao.org


1、全局安裝vue-cli

cmd中輸入npm install -g vue-cli? (可用cnpm代替npm)


2、初始化項目

在命令行中運行命令 vue init webpack my-project,

這個命令指初始化一個項目,webpack是構建工具,也就是整個項目是基于webpack的。其中my-project是整個項目文件夾的名稱,這個文件夾會自動生成在指定的目錄中

3、進入項目文件夾

? 使用命令行運行 ?npm install ?安裝相應的模塊

4、運行項目

安裝完畢,使用命令行運行 npm run dev,打開localhost:8080 即可。


? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?未完待續(xù)。。

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

相關閱讀更多精彩內容

友情鏈接更多精彩內容