中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

一分鐘理清Vue-cli 代碼構建步驟

發布時間:2020-04-07 19:50:35 來源:網絡 閱讀:478 作者:蓓蕾心晴 欄目:開發技術

1、

$ npm install vue -cli -g

$ vue init webpack project-name

$ cd project-name

$ npm install$ npm run dev

2、打開項目文件夾,開發目錄主要為src, assets下存放想要放置的圖片,commponents下存放自己寫好的組件,組件之間相互調用;src下同樣可以創建自定義文件夾,用來存放圖片、路由、配置、樣式等

3、App.vue是所有vue組件的老大,即主組件,所有組件通過互相調用有了聯系,最外層的組件導入到App.vue中之后,并輸出,該組件里寫html頁面整體的樣式,如html/body/#app等。

4、各個組件單獨寫自己所涉及的樣式及js

5、main.js為所有項目打包的js的入口文件,這里要引用所有主要的東西:

   Vue

   App

   vue-resource

   vue-router

   vuex

  并注冊相應實例或創建相應的實例

6、配置paskage.jsonwebpack/babel

7、根目錄下的index.htmlhtml的主文件,即主要的html框架寫在這里,所有的js最后是要渲染到這里的。并定義最外層容器,比如<div id=”app”></div>


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

南陵县| 银川市| 津南区| 罗甸县| 上虞市| 新野县| 沐川县| 周口市| 漳州市| 龙泉市| 杭锦后旗| 通河县| 临沧市| 微山县| 铁岭县| 金塔县| 灵宝市| 墨脱县| 新乡市| 景洪市| 呼和浩特市| 五莲县| 黑水县| 奇台县| 洮南市| 新津县| 碌曲县| 阿瓦提县| 高碑店市| 甘南县| 大庆市| 白城市| 七台河市| 太湖县| 涞水县| 利辛县| 武邑县| 牙克石市| 且末县| 建始县| 杭锦旗|