vue-cli2.0轉3.0之項目搭建

因爲項目技術架構需要,要是用vue-cli 3.0進行搭建,所以簡單的分享下3.0如何優雅的開始。下面做一下簡單的介紹,希望可以幫到有需要的朋友。

vue-cli 3.0 正式版於 8月10號發佈!

首先,既然不是一個版本,肯定是不能共存到,如果想使用V-C3,你需要卸載之前安裝的2.0,沒事,卸載了不會影響你以前的功能,使用不爽,可以再安裝回去,安裝就不說了,說下卸載。

第一步 卸載Vue-cli2

命令是:npm uninstall -g vue-cli

第二步 安裝V-C3.0

方式很多,譬如 npm install -g @vue/cli 或者 yarn global add @vue/cli,根據嗜好,自選。

第三步 創建項目

相對2.0,V-C3創建就不是之前init webp..... 一大堆了。直接 vue create project,project是項目名字。so easy,如下圖(mac報err-13,請使用sudo):
圖片描述

我選了默認,沒用淘寶鏡像,選擇Y後,會有如下圖所示:

clipboard.png
這個時候你可以選擇會車確認,但是個人建議,進行多選,根據自己需要選擇,選擇Manua...這一行,然後就會出現:

clipboard.png
自己空格就可以選擇了,除了E2E,都是我需要的,所以如上圖所選。
回車後,顯示: Use class-style component syntax? 接下來就不細說了,一路Y就可以。
最終,我的選擇如圖,設置成功:

clipboard.png
最終目錄爲:

clipboard.png

第三步 幹活吧

安裝成功後,可以寫業務了。

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