亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

vue-cli 3.0 安裝使用

seanHai / 2993人閱讀

摘要：基礎(chǔ)命令安裝檢查是否安裝成功新建項(xiàng)目項(xiàng)目啟動(dòng)打包功能配置運(yùn)行以下命令來(lái)創(chuàng)建一個(gè)新項(xiàng)目你可以選默認(rèn)的包含了基本的設(shè)置的，也可以選手動(dòng)選擇特性來(lái)選取需要的特性這里我們選擇手動(dòng)選擇功能自定義功能配置按下空格選擇或取消路由是否使用模式如果

基礎(chǔ)命令 
# 安裝
npm install -g @vue/cli

# 檢查是否安裝成功
vue -V

# 新建項(xiàng)目
vue create my-project

# 項(xiàng)目啟動(dòng)
npm run serve

# 打包
npm run build
功能配置

運(yùn)行以下命令來(lái)創(chuàng)建一個(gè)新項(xiàng)目：

vue create my-project

你可以選默認(rèn)的包含了基本的 Babel + ESLint 設(shè)置的 preset，也可以選“手動(dòng)選擇特性”來(lái)選取需要的特性（這里我們選擇手動(dòng)選擇功能）

Vue CLI v3.9.3
? Please pick a preset:
  default (babel, eslint)
> Manually select features

自定義功能配置 (按下空格選擇或取消)

Vue CLI v3.9.3
? Please pick a preset: Manually select features
? Check the features needed for your project:
 (*) Babel
>( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 (*) Router
 (*) Vuex
 (*) CSS Pre-processors
 (*) Linter / Formatter
 ( ) Unit Testing
 ( ) E2E Testing

路由是否使用history模式（如果使用history模式，需要后臺(tái)去配合）

Vue CLI v3.9.3
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) n

選擇CSS 預(yù)處理類型 (按自己習(xí)慣即可)

? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Use history mode for router? (Requires proper server setup for index fallback in production) No
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default):
  Sass/SCSS (with dart-sass)
  Sass/SCSS (with node-sass)
> Less
  Stylus

選擇Linter / Formatter規(guī)范類型 (按自己習(xí)慣即可)

Vue CLI v3.9.3
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Use history mode for router? (Requires proper server setup for index fallback in production) No
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Less
? Pick a linter / formatter config:
  ESLint with error prevention only
  ESLint + Airbnb config
> ESLint + Standard config
  ESLint + Prettier

選擇檢測(cè)的方式（保存的時(shí)候檢測(cè)/提交的時(shí)候檢測(cè)）

Vue CLI v3.9.3
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Use history mode for router? (Requires proper server setup for index fallback in production) No
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Less
? Pick a linter / formatter config: Standard
? Pick additional lint features: (Press  to select,  to toggle all,  to invert selection)
>(*) Lint on save
 ( ) Lint and fix on commit

選擇 Babel, PostCSS, ESLint 等自定義配置的存放位置 (多帶帶配置成文件/package.json中)

Vue CLI v3.9.3
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Use history mode for router? (Requires proper server setup for index fallback in production) No
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Less
? Pick a linter / formatter config: Standard
? Pick additional lint features: (Press  to select,  to toggle all,  to invert selection)Lint on save
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys)
> In dedicated config files
  In package.json

是否保存剛剛這些配置 (按自己習(xí)慣即可)

Vue CLI v3.9.3
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Use history mode for router? (Requires proper server setup for index fallback in production) No
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Less
? Pick a linter / formatter config: Standard
? Pick additional lint features: (Press  to select,  to toggle all,  to invert selection)Lint on save
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? (y/N) n

然后自動(dòng)下載依賴，下載完成會(huì)提示

?  Successfully created project vue-study.
?  Get started with the following commands:

 $ cd my-project
 $ npm run serve

執(zhí)行npm run serve命令，即可看到效果

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/106362.html

相關(guān)文章

  • vue-cli2.0轉(zhuǎn)3.0之項(xiàng)目搭建

    摘要：因?yàn)轫?xiàng)目技術(shù)架構(gòu)需要，要用進(jìn)行搭建，所以簡(jiǎn)單的分享下如何優(yōu)雅的開(kāi)始。第三步創(chuàng)建項(xiàng)目相對(duì)，創(chuàng)建就不是之前一大堆了。直接，是項(xiàng)目名字。但是個(gè)人建議，進(jìn)行多選，根據(jù)自己需要進(jìn)行選擇。根據(jù)提示，運(yùn)行一把一下，跑起來(lái)的感覺(jué)很棒。 因?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...

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

  • （小白篇）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-cli3.0安裝與配置

    摘要：安裝與配置最近公司要開(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，命令如下。(最...

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

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

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<