<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                [TOC] >[success] # vue-ui 創建cli3.0項目 **vue ui** 是 **vue-cli** 提供的 **可視化的項目管理工具** ,在 **cmd** 上執行指令: ~~~ vue ui ~~~ <br> ![](https://box.kancloud.cn/145746b8f6e860b6e42c66ef0e41109d_448x351.png) 總共有三個選項: 1. 規列出所有的vue項目 2. 創建項目 3. 導入項目 >[success] ## 創建項目 第一步: ![](https://box.kancloud.cn/5ab23b1649774e51516696574e0fb260_410x647.png) 第二步: ![](https://box.kancloud.cn/b5efaecb9a802b3b4ff50d50711e85a6_784x438.png) 第三步: 這里介紹一下這些插件的作用: 1.**Babel** (Babel會將ES6、7、8、9會給轉換成ES3、ES5給這些低級瀏覽器支持的js代碼) 2.**TypeScript** (js的強類型) 3.**Progressive Web App (PWA) Support** (PWA移動應用) 4.**Router** (vue-router路由) 5.**Vuex** (vue官方的狀態管理工具) 6.**CSS Pre-processors** (css預處理器) 7.**Linter / Formatter** (ESlint可以做一些代碼檢測,可以固定書寫風格,或者在寫代碼時候矯正低級錯誤) 8.**Unit Testing** (單元測試) ![](https://box.kancloud.cn/5557bb27dffecf77fb53542d31b7f22b_1140x814.png) 第四步: 這里的介紹一下: 1. 是否需要路由的 **history(歷史)模式** 2. 選擇習慣的 **css預處理器** 這里選擇的是 **node-sass** ![](https://box.kancloud.cn/d62b3e4b3892278c630e50c9e4701fea_300x128.png) 3. 選擇 **ESlint** 的書寫風格,這里選擇的是 **ESLint + Standard config** 4. 最后的兩項是 a. 每次保存都檢查一下代碼是否錯誤 b. 每次提交代碼時候檢查一下代碼是否錯誤 ![](https://box.kancloud.cn/c5c8ae39fdbf650dd338e5afdc6c9b6a_1192x448.png) 第五步: 這里的意思就是是否將你這次手動配置的配置單保存下來,下次創建項目時候可以直接使用這次的配置項創建一個新的項目 ![](https://box.kancloud.cn/2d7b58b4cc0645a7e8c8ae49f59f4227_704x286.png) 這個時候你就可以看到你的cmd在自動執行npm install 了。
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看