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

Zhuxy 發布于2019-08-23 13:59 / 1507人閱讀

摘要：因為項目技術架構需要，要用進行搭建，所以簡單的分享下如何優雅的開始。第三步創建項目相對，創建就不是之前一大堆了。直接，是項目名字。但是個人建議，進行多選，根據自己需要進行選擇。根據提示，運行一把一下，跑起來的感覺很棒。

因為項目技術架構需要，要用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后，會有如下圖所示：

這個時候你可以選擇回車確認。

但是個人建議，進行多選，根據自己需要進行選擇。

選擇Manua...這一行，然后就會出現：

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

最終目錄為：

第四步干活吧

安裝成功后，可以寫業務了。
根據提示，運行一把,feel一下 3.0

666，跑起來的感覺很棒。

GPU云服務器云服務器 java 項目轉碼非arc項目轉arc 快速搭建php運行環境之wampserver vue-cli

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99894.html

使用VUE搭建后臺管理系統(vue-cli更新至3.0)

摘要：最近還沒來得及更新文章，就發現已經更新到版本了。安裝成功啟動的指令和相比有了些修改不過我們現在可以通過圖形化界面進行啟動啟動之后照例訪問即可訪問新建的項目最近還沒來得及更新文章，就發現vue-cli已經更新到3.0版本了。 //想了想還是用升級吧，反正最終都逃不掉，不如在這個項目上實驗一下3.0的威力(并不會)。升級vue-cli npm install -g vue@cli v...

KitorinZero 2019-08-22 18:42 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評論0 收藏0