【前端學習】Vue-cli腳手架創建項目步驟

我們在vue中開發項目,要使用vue組件,所以要編譯vue組件,要使用es6語法,所以要編譯es6,要使用css預編譯語言,所以要編譯…所以很多事情在開發前都要準備好,vue爲了簡化我們的準備過程,提供了vue-cli腳手架,可以讓我們更快速的開發項目。

·安裝

npm install -g @vue/cli

vue-cli是通過yarn管理的,因此我們可以通過yarn啓動項目

yarn serve

我們需要安裝yarn(yarn就是爲了替代npm)

npm install -g yarn

以上準備工作完成之後我們就可以用vue-cli腳手架來創建一個新項目了!

·創建項目

首先打開你想創建項目位置的目錄
然後輸入如下指令

vue create 項目名

在這裏插入圖片描述
回車之後按照如下選擇
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章