成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

vue-cli3.0安裝與配置

zilu / 1141人閱讀

摘要：安裝與配置最近公司要開(kāi)新項(xiàng)目，用配置，讓我搞一搞，做個(gè)記錄。最好自己去官網(wǎng)過(guò)一遍的文檔安裝完成后檢測(cè)一下是否安裝成功，如下圖展示。顯示以上就安裝成功。第一個(gè)默認(rèn)配置只會(huì)安裝和，其它的需要自己配置，不建議選，這里我們選擇第二個(gè)手動(dòng)配置。

vue-cli3.0安裝與配置

最近公司要開(kāi)新項(xiàng)目，用vue-cli3.0配置，讓我搞一搞，做個(gè)記錄。

安裝

首先你要升級(jí)到cli3.0，命令如下。(最好自己去官網(wǎng)過(guò)一遍cli3.0的文檔)

npm install -g @vue/cli-service-global

安裝完成后檢測(cè)一下是否安裝成功，如下圖展示。


顯示3.0以上就安裝成功。

創(chuàng)建一個(gè)項(xiàng)目 
vue create hello-world

創(chuàng)建過(guò)程中，會(huì)讓你選一系列的配置，鍵盤(pán)上下鍵可以切換，空格鍵可以選取，回車鍵確認(rèn)。下面我一一細(xì)說(shuō)。


第一個(gè)默認(rèn)配置只會(huì)安裝babel和eslint，其它的需要自己配置，不建議選，這里我們選擇第二個(gè)手動(dòng)配置。按回車（鍵盤(pán)上下鍵可以上下切換選擇）


從上往下分別為（注：空格鍵可以選定）

babel：用來(lái)將es6的代碼編譯為es5
typescript：javascript的一個(gè)超集，我這里沒(méi)選
Progressive Web App (PWA) Support： pwa技術(shù)
Router：路由
Vuex：全局狀態(tài)管理
CSS Pre-processors： css預(yù)處理
Linter / Formatter： 風(fēng)格檢查器
Unit Testing：?jiǎn)卧獪y(cè)試
E2E Testing：e2e測(cè)試

這里選擇可以根據(jù)個(gè)人需求來(lái)進(jìn)行選擇

下一步，選擇eslint的風(fēng)格，這里不多啰嗦，直接選擇第三個(gè)standard（應(yīng)為前幾個(gè)我也不了解-_-）

這里是問(wèn)你，要在保存時(shí)設(shè)置lint還是在提交是設(shè)置lint，我這里設(shè)置保存時(shí)lint（第一個(gè)）

這里是問(wèn)你將babel，eslint，postcss這些配置放在那里

In dedicated config files：放在相應(yīng)的文件中
In package.json：放在package.json中


這里是問(wèn)你是否保存預(yù)設(shè)，當(dāng)你選擇是的時(shí)候，下次你在執(zhí)行vue create xxx的時(shí)候，會(huì)默認(rèn)選擇這些設(shè)置，建議選否

走到這一步就配置完成，等待安裝完成。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/102858.html

相關(guān)文章

  • （小白篇）vue-cli3.0創(chuàng)建項(xiàng)目+引入element-ui

    摘要：在年月份發(fā)布了版本，經(jīng)過(guò)重構(gòu)之后，可以說(shuō)是一個(gè)船心版本在項(xiàng)目都落地之后，就想升級(jí)一下版本，嘗一嘗帶來(lái)的舒適，也是為后面項(xiàng)目的開(kāi)展做一個(gè)準(zhǔn)備。選了之后會(huì)詢問(wèn)是否開(kāi)啟模式，以及選擇預(yù)處理器，這里根據(jù)個(gè)人情況選用。 vue-cli在2018年8月份發(fā)布了3.0版本，經(jīng)過(guò)重構(gòu)之后，可以說(shuō)是一個(gè)船心版本！在項(xiàng)目都落地之后，就想升級(jí)一下cli版本，嘗一嘗3.0帶來(lái)的舒適，也是為后面項(xiàng)目的開(kāi)展做一個(gè)...

    avwu 評(píng)論0 收藏0

  • vue-cli 3.0

    摘要：配置環(huán)境變量參考打包后項(xiàng)目的啟動(dòng)發(fā)生了變化，之前可以直接打開(kāi)，現(xiàn)在需要參數(shù)的意思是將其架設(shè)在模式下這個(gè)模式會(huì)處理即將提到的路由問(wèn)題 (第一章)學(xué)習(xí)vue-cli 3.0腳手架構(gòu)建vue項(xiàng)目 vue學(xué)習(xí)鞏固及遇到的問(wèn)題 首先這次使用的vue腳手架為vue-cli 3.0，它跟之前的腳手架改變了很多，這里我也沒(méi)去細(xì)細(xì)的研究，也只懂得了最基本的用法，參考: vue-cli 3 地址：http...

    April 評(píng)論0 收藏0

  • vue-cli 3.0

    摘要：配置環(huán)境變量參考打包后項(xiàng)目的啟動(dòng)發(fā)生了變化，之前可以直接打開(kāi)，現(xiàn)在需要參數(shù)的意思是將其架設(shè)在模式下這個(gè)模式會(huì)處理即將提到的路由問(wèn)題 (第一章)學(xué)習(xí)vue-cli 3.0腳手架構(gòu)建vue項(xiàng)目 vue學(xué)習(xí)鞏固及遇到的問(wèn)題 首先這次使用的vue腳手架為vue-cli 3.0，它跟之前的腳手架改變了很多，這里我也沒(méi)去細(xì)細(xì)的研究，也只懂得了最基本的用法，參考: vue-cli 3 地址：http...

    mengera88 評(píng)論0 收藏0

  • vue-cli 3.0 源碼分析

    摘要：寫(xiě)在前面其實(shí)最開(kāi)始不是特意來(lái)研究的源碼，只是想了解下的命令，如果想要了解命令的話，那么繞不開(kāi)寫(xiě)的。通過(guò)分析發(fā)現(xiàn)與相比，變化太大了，通過(guò)引入插件系統(tǒng)，可以讓開(kāi)發(fā)者利用其暴露的對(duì)項(xiàng)目進(jìn)行擴(kuò)展。 showImg(https://segmentfault.com/img/bVboijb?w=1600&h=1094); 寫(xiě)在前面 其實(shí)最開(kāi)始不是特意來(lái)研究 vue-cli 的源碼，只是想了解下 n...

    yiliang 評(píng)論0 收藏0

  • vue-cli 3.0 使用

    摘要：安裝如果想要使用首先需要全局安裝，前提要求版本必須是及以上默認(rèn)會(huì)覆蓋，如果想要在使用版本的時(shí)候同時(shí)使用版本，那么執(zhí)行以下命令該命令是安裝一個(gè)橋接工具，版本的命令依然會(huì)被保留創(chuàng)建也可以通過(guò)命令打開(kāi)一個(gè)圖形化界面進(jìn)行配置配置在版本中會(huì) 安裝 如果想要使用vue cli 3.0 首先需要全局安裝，前提要求Node.js版本必須是8.0及以上 npm install -g @vue/cli v...

    PumpkinDylan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<