1.安裝node.js
在官網(wǎng)http://nodejs.cn/download/下載對應(yīng)的版本進行安裝就可以台猴,按默認(rèn)安裝即可。安裝完成之后可以在cmd中輸入node -v
查看版本,如果能夠正常查看則說明已成功安裝。
由于安裝node.js時同時也安裝了npm等浊,所以也可以通過
npm -v
查看到npm的版本脊另。2.安裝vue-cli
在cmd中運行npm install vue-cli -g
戚绕,-g為全局安裝。安裝如果出現(xiàn)error可以按照提示進行處理归斤,安裝完成之后可以通過vue -V查看版本號痊夭。
如果速度太慢了可以配置使用淘寶鏡像,具體步驟如下:
(1)運行配置語句npm config set registry https://registry.npm.taobao.org
(2)查看配置是否成功脏里,運行npm config get registry
,如果返回https://registry.npm.taobao.org說明配置成功
3.創(chuàng)建項目
(1)通過cmd切換到對應(yīng)的目錄中她我;
(2)通過cmd運行vue init webpack myvue01
,其中myvue01為項目名稱;
(3)在創(chuàng)建項目過程中設(shè)置Project name時番舆,可以不用輸入按回車即可酝碳,這時就是以myvue01作為項目名稱;
(4)Project description可以按照自己的需求進行設(shè)置恨狈;
(5)Author也可以根據(jù)實際情況進行設(shè)置疏哗;
(6)Vue build選擇 standalone;
(7) Install vue-router? 選擇No禾怠;
(8)Use ESLint to lint your code? 選擇No
(9)Set up unit tests 沃斤,選擇No
(10)Setup e2e tests with Nightwatch? 選擇No
(11)Should we run npm install
for you after the project has been created? 選擇(recommended) no
4.安裝依賴
通過第三步就可以新建了一個vue-cli項目,但此時項目還不能運行刃宵,需要先安裝相關(guān)的依賴衡瓶。在cmd切換到myvue01目錄下中運行npm install
等待一段時間即可安裝好,如果有error根據(jù)提示進行處理牲证。
5.運行項目
通過以上步驟就基本新建好了一個完整的項目哮针。這時候通過cmd切換到項目根目錄下,運行npm run dev
即可運行項目坦袍。