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後，會有以下圖所示：

這個時候你能夠選擇回車確認。

可是我的建議，進行多選，根據本身須要進行選擇。

選擇Manua...這一行，而後就會出現：

本身空格就能夠選擇了，除了E2E，都是我須要的，因此如上圖所選。
回車後，顯示： Use class-style component syntax? 接下來就不細說了，一路Y就能夠。
最終，個人選擇如圖，設置成功：

最終目錄爲：

第四步 幹活吧

安裝成功後，能夠寫業務了。
根據提示，運行一把,feel一下 3.0

666，跑起來的感受很棒。