Vue CLI介紹
成都創(chuàng)新互聯(lián)主要從事網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)臺(tái)山,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):18980820575
Vue CLI 是一個(gè)基于 Vue.js 進(jìn)行快速開(kāi)發(fā)的完整系統(tǒng)，提供：
通過(guò) @vue/cli 搭建交互式的項(xiàng)目腳手架。
通過(guò) @vue/cli + @vue/cli-service-global 快速開(kāi)始零配置原型開(kāi)發(fā)。
一個(gè)運(yùn)行時(shí)依賴(lài) (@vue/cli-service)，該依賴(lài)：
Vue CLI 致力于將 Vue 生態(tài)中的工具基礎(chǔ)標(biāo)準(zhǔn)化。它確保了各種構(gòu)建工具能夠基于智能的默認(rèn)配置即可平穩(wěn)銜接，這樣你可以專(zhuān)注在撰寫(xiě)應(yīng)用上，而不必花好幾天去糾結(jié)配置的問(wèn)題。與此同時(shí)，它也為每個(gè)工具提供了調(diào)整配置的靈活性，無(wú)需 eject
因?yàn)轫?xiàng)目技術(shù)架構(gòu)需要，要是用vue-cli 3.0進(jìn)行搭建，所以簡(jiǎn)單的分享下3.0如何優(yōu)雅的開(kāi)始。下面做一下簡(jiǎn)單的介紹，希望可以幫到有需要的朋友。
vue-cli 3.0 正式版于 8月10號(hào)發(fā)布！
詳細(xì)的可以參考：https://cli.vuejs.org/zh/guide/
首先，既然不是一個(gè)版本，如果想使用V-C3，你需要卸載之前安裝的2.0(有方式可以共存，暫不贅述)，卸載了不會(huì)影響你以前的功能，使用不爽，可以再安裝回去，安裝就不說(shuō)了，說(shuō)下卸載。
第一步 卸載Vue-cli2
命令是：npm uninstall -g vue-cli
第二步 安裝V-C3.0
方式很多，譬如 npm install -g @vue/cli 或者 yarn global add @vue/cli,根據(jù)嗜好，自選。
第三步 創(chuàng)建項(xiàng)目
相對(duì)2.0，V-C3創(chuàng)建就不是之前init webp..... 一大堆了。直接 vue create project，project是項(xiàng)目名字。so easy，如下圖(mac報(bào)err-13，請(qǐng)使用sudo)：
我選了默認(rèn)，沒(méi)用淘寶鏡像，選擇Y后，會(huì)有如下圖所示：
這個(gè)時(shí)候你可以選擇會(huì)車(chē)確認(rèn)，但是個(gè)人建議，進(jìn)行多選，根據(jù)自己需要選擇，選擇Manua...這一行，然后就會(huì)出現(xiàn)：
自己空格就可以選擇了，除了E2E，都是我需要的，所以如上圖所選。
回車(chē)后，顯示： Use class-style component syntax? 接下來(lái)就不細(xì)說(shuō)了，一路Y就可以。
最終，我的選擇如圖，設(shè)置成功：
最終目錄為：
第三步 干活吧
安裝成功后，可以寫(xiě)業(yè)務(wù)了。
根據(jù)提示，運(yùn)行一把,feel一下 3.0
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
666，跑起來(lái)的感覺(jué)很棒。
重慶分公司
重慶分公司
