說明:學習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ù)。。