成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

Vue Cli3 創(chuàng)建項(xiàng)目

lifefriend_007 / 1774人閱讀

摘要：創(chuàng)建項(xiàng)目安裝創(chuàng)建一個(gè)項(xiàng)目默認(rèn)套餐，提供和支持。自己去選擇需要的功能，提供更多的特性選擇。比如如果想要支持，就應(yīng)該選擇這一項(xiàng)。支持使用書(shū)寫(xiě)源碼。支持代碼風(fēng)格檢查和格式化。

Vue Cli3 創(chuàng)建項(xiàng)目

Vue,Markdown

1. 安裝 
npm install -g @vue/cli
2. 創(chuàng)建一個(gè)項(xiàng)目 
vue create iview-admin
# OR
vue ui

default (babel, eslint) 默認(rèn)套餐，提供 babel 和 eslint 支持。


Manually select features 自己去選擇需要的功能，提供更多的特性選擇。比如如果想要支持 TypeScript ，就應(yīng)該選擇這一項(xiàng)。



TypeScript 支持使用 TypeScript 書(shū)寫(xiě)源碼。


Progressive Web App (PWA) Support PWA 支持。


Router 支持 vue-router 。


Vuex 支持 vuex 。


CSS Pre-processors 支持 CSS 預(yù)處理器。


Linter / Formatter 支持代碼風(fēng)格檢查和格式化。


Unit Testing 支持單元測(cè)試。


E2E Testing 支持 E2E 測(cè)試。

3. 運(yùn)行項(xiàng)目 
$ npm run serve

4. 在根目錄創(chuàng)建 vue.config.js 空文件，配置 文件 
module.exports = {
  /** 區(qū)分打包環(huán)境與開(kāi)發(fā)環(huán)境
   * process.env.NODE_ENV==="production"  (打包環(huán)境)
   * process.env.NODE_ENV==="development" (開(kāi)發(fā)環(huán)境)
   * baseUrl: process.env.NODE_ENV==="production"?"https://cdn.didabisai.com/front/":"front/",
   */
  // 基本路徑
  baseUrl: "/",
  // 輸出文件目錄
  outputDir: "dist",
  // eslint-loader 是否在保存的時(shí)候檢查
  lintOnSave: true,
  // use the full build with in-browser compiler?
  // https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
  // compiler: false,
  // webpack配置
  // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
  chainWebpack: () => {},
  configureWebpack: () => {},
  //如果想要引入babel-polyfill可以這樣寫(xiě)
  // configureWebpack: (config) => {
  //   config.entry = ["babel-polyfill", "./src/main.js"]
  // },
  // vue-loader 配置項(xiàng)
  // https://vue-loader.vuejs.org/en/options.html
  // vueLoader: {},
  // 生產(chǎn)環(huán)境是否生成 sourceMap 文件
  productionSourceMap: true,
  // css相關(guān)配置
  css: {
    // 是否使用css分離插件 ExtractTextPlugin
    extract: true,
    // 開(kāi)啟 CSS source maps?
    sourceMap: false,
    // css預(yù)設(shè)器配置項(xiàng)
    loaderOptions: {},
    // 啟用 CSS modules for all css / pre-processor files.
    modules: false
  },
  // use thread-loader for babel & TS in production build
  // enabled by default if the machine has more than 1 cores
  parallel: require("os").cpus().length > 1,
  // 是否啟用dll
  // See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode
  // dll: false,
  // PWA 插件相關(guān)配置
  // see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
  pwa: {},
  // webpack-dev-server 相關(guān)配置
  devServer: {
    // open: process.platform === "darwin",
    // 自動(dòng)打開(kāi)瀏覽器
    open: true,
    host: "0.0.0.0",
    port: 8080,
    https: false,
    hotOnly: false,
    // 處理跨域問(wèn)題
    proxy: {}, // 設(shè)置代理
    before: app => {}
  },
  // 第三方插件配置
  pluginOptions: {
    // ...
  }
}
具體請(qǐng)查看 Vue Cli 官網(wǎng)

License

可以拷貝、轉(zhuǎn)發(fā)，但是必須提供原作者信息，同時(shí)也不能將本項(xiàng)目用于商業(yè)用途。

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

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

相關(guān)文章

  • Vue CLI3.0 中使用jQuery 和 Bootstrap

    摘要：中使用和不是特別符合原生的寫(xiě)法，但是有時(shí)候又要用，所以放上我的引入設(shè)置，供大家參考。其中用于在中顯示彈窗提示下拉菜單，所以需要引入。因?yàn)槲业奈募?jīng)過(guò)了我自己的調(diào)整，所以單獨(dú)放在文件夾中做單獨(dú)引入。 Vue 中使用 jQuery 和 Bootstrap 不是特別符合 Vue 原生的寫(xiě)法，但是有時(shí)候又要用，所以放上我的引入設(shè)置，供大家參考。 在 Vue CLI2.0 中引入 jQuery ...

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

  • Vue運(yùn)行時(shí)全解析 - VueCLI3上手（一）

    摘要：可以譯作運(yùn)行時(shí)過(guò)程全面分析和解析，這個(gè)全面分析涉及到比較基礎(chǔ)的或者復(fù)雜的重要前端概念和中的概念等。注本篇是運(yùn)行時(shí)全解析系列文章的第一篇，首次發(fā)表于，友善轉(zhuǎn)載蟹蟹。附更多內(nèi)容請(qǐng)參考核心維護(hù)者蔣豪群同學(xué)的的公開(kāi)課視頻 Vue Runtime Full Analysis - VueCLI3 Get Start VRFA: (Vue Runtime Full Analysis) 可以譯作vue...

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

  • Vue運(yùn)行時(shí)全解析 - Vue的引入（二）

    摘要：因?yàn)閮H僅包含運(yùn)行時(shí)編譯比完整版少的代碼體積，如果你需要使用完整包也是可以的，你需要調(diào)整配置。顯式的改變運(yùn)行時(shí)引用包模塊在引入時(shí)做了什么看完了這幾個(gè)文件的用途之后我們?cè)賮?lái)看看引入的時(shí)候做了什么帶著這個(gè)疑問(wèn)我們繼續(xù)探索。 Vue Runtime Full Analysis - Import Vue Module 回顧系列文章之《VueCLI3上手》 上一節(jié) 《Vue運(yùn)行時(shí)全解析 - Vue...

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

  • Spring Boot [Vue + Vue CLI3 + Vant 快速構(gòu)建你的移動(dòng)商城]

    摘要：導(dǎo)讀記錄一次基于原有的后端構(gòu)建移動(dòng)端商城，參照已有的安卓應(yīng)用設(shè)計(jì)圖開(kāi)發(fā)。 導(dǎo)讀 記錄一次基于原有的后端api構(gòu)建移動(dòng)端商城，參照已有的安卓應(yīng)用UI設(shè)計(jì)圖開(kāi)發(fā)。 技術(shù)選型 后端 Spring Cloud OAuth2 + Spring Cloud Eureka + Spring Boot 前端 Vue + Vue Router + Vue CLI3 + Vant ；移動(dòng)商城從技術(shù)選型到項(xiàng)...

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

  • vue cli3 構(gòu)建的項(xiàng)目中使用高德地圖

    摘要：高德文檔梳理首先，我們要加載外部，在外部加載完畢，然后初始化地圖。加載外部你的初始化地圖初始化地圖的前提是，成功加載外部，然后使用高德提供的對(duì)象來(lái)構(gòu)造實(shí)例。 高德文檔 https://lbs.amap.com/api/java... 梳理 首先，我們要加載外部js，在外部js加載完畢，然后初始化地圖。 加載外部js showImg(https://segmentfault.com/im...

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

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

0條評(píng)論

閱讀需要支付1元查看
<