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

資訊專欄INFORMATION COLUMN

初始化 Emberjs 項(xiàng)目

xushaojieaaa / 3014人閱讀

摘要：初始化一個(gè)新的項(xiàng)目生成項(xiàng)目其中用于跳過初始化項(xiàng)目時(shí)自帶的組件。是在初始化完成之后，就進(jìn)行依賴的安裝。在命令行中運(yùn)行之后，打開之，就能看到這就說明的項(xiàng)目已經(jīng)成功啟動。自動引入依賴包數(shù)據(jù)至此，項(xiàng)目的整個(gè)過程就結(jié)束了。

Ember Guide 1. 初始化一個(gè)新的項(xiàng)目 1.1 生成項(xiàng)目 
ember new ember-guide --no-welcome --yarn

其中--no-welcome 用于跳過ember-cli 初始化項(xiàng)目時(shí)自帶的 welcome 組件。--yarn 是在初始化完成之后，就進(jìn)行依賴的安裝。
在命令行中運(yùn)行

ember s

之后，打開localhost:4200 之，就能看到

Welcome to Ember

這就說明Ember的項(xiàng)目已經(jīng)成功啟動。

1.2 配置為Pods目錄

目前項(xiàng)采取的是Pods目錄，具體的設(shè)置為：

//  ./.ember-cli
{
    "disableAnalutics": true,
    "usePods": true
}
//  ./config/environment.js
module.exports = function(environment) {
    let ENV = {
        modulePrefix: "ember-guide",
        podModulePrefix: "ember-guide/modules",
        environment,
        rootURL: "/",
        locationType: "auto",
    }
}

其中 ember-demo/modules 將在 app 文件夾下生成 modules文件夾，此為 pod 目錄中的主文件夾，可自定義名稱。
此后使用 ember g 命令即會在 app/modules 文件夾下生成相應(yīng)的 文件。

刪除 app/routes 文件夾;

刪除 app/controllers 文件夾;

刪除 app/components 文件夾;

刪除 app/models 文件夾;

刪除 app/templates 文件夾;

刪除 app/templates 文件夾之后，別忘記重新生成 application 路由。

1.3 安裝必要的插件

使用 bootstrap v4:

ember install ember-bootstrap

利用 ember-bootstrap 的 blueprient 使用 CSS 預(yù)處理器 sass:

ember generate ember-bootstrap --preprocessor=sass

2.使用 css module:

ember install ember-css-modules ember-css-modules-sass

重啟應(yīng)用，即可。

// 自動引入依賴包
yarn add ember-auto-import --dev 

// mock數(shù)據(jù)
yarn add ember-cli-mirage --dev

// truth helper
yarn add ember-truth-helper --dev

mock Data

truth helper usage

至此，項(xiàng)目的整個(gè) Init 過程就結(jié)束了。

Written by Frank Wang.

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

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

相關(guān)文章

  • Emberjs中JSONAPISerializer的常用API

    摘要：默認(rèn)使用，在我們的項(xiàng)目中也是使用所以只是涉及關(guān)于的相關(guān)內(nèi)容。這樣來達(dá)到前后端通信的要求。這個(gè)方法可以在中定義特定的來針對調(diào)用。同理，其他的更新刪除相似至此的相關(guān)屬性與已解釋完成。 Ember Serializer Emberjs 默認(rèn)使用 JSONAPISerializer ，在我們的項(xiàng)目中也是使用JSONAPISerializer.所以只是涉及關(guān)于 JSONAPISerializer...

    channg 評論0 收藏0

  • emberjs引百度地圖問題

    摘要：話不多說，直接上干貨我們通過連接打開發(fā)現(xiàn)里面是真正拿到百度地圖的文件的地址是這個(gè)路徑于是我就在頁面上直接引入改成，事情就此解決 在emberjs框架中引入百度地圖，看網(wǎng)上有道友這么解決 道友文章我最近也恰好用到了這個(gè)，遇到了模板中引入引入百度地圖時(shí)拿不到BMap對象的尷尬事。 話不多說，直接上干貨 我們通過連接打開http://api.map.baidu.com/api?v=2.0發(fā)現(xiàn)...

    Tamic 評論0 收藏0

  • Emberjs 如何與后端服務(wù)進(jìn)行交互-Store/Adapter/Serializer的作用

    摘要：返回?cái)?shù)據(jù)請求流程后端返回的數(shù)據(jù)首先也會經(jīng)過上面的處理其次經(jīng)過返回進(jìn)將數(shù)據(jù)存儲起來后返回請求數(shù)據(jù)的地方。至此一個(gè)請求后端數(shù)據(jù)的請求的流程就到此結(jié)束了。例如等以及官方推薦最少要復(fù)寫的方法 Emberjs 如何與后端服務(wù)進(jìn)行交互 @[toc] 一般發(fā)送請求流程 首先來看這張圖: showImg(https://segmentfault.com/img/bVCzJn?w=339&h=521...

    HackerShell 評論0 收藏0

  • emberjs引百度地圖問題

    摘要：話不多說，直接上干貨我們通過連接打開發(fā)現(xiàn)里面是真正拿到百度地圖的文件的地址是這個(gè)路徑于是我就在頁面上直接引入改成，事情就此解決 在emberjs框架中引入百度地圖，看網(wǎng)上有道友這么解決 道友文章我最近也恰好用到了這個(gè)，遇到了模板中引入引入百度地圖時(shí)拿不到BMap對象的尷尬事。 話不多說，直接上干貨 我們通過連接打開http://api.map.baidu.com/api?v=2.0發(fā)現(xiàn)...

    ad6623 評論0 收藏0

  • emberjs引百度地圖問題

    摘要：話不多說，直接上干貨我們通過連接打開發(fā)現(xiàn)里面是真正拿到百度地圖的文件的地址是這個(gè)路徑于是我就在頁面上直接引入改成，事情就此解決 在emberjs框架中引入百度地圖，看網(wǎng)上有道友這么解決 道友文章我最近也恰好用到了這個(gè)，遇到了模板中引入引入百度地圖時(shí)拿不到BMap對象的尷尬事。 話不多說，直接上干貨 我們通過連接打開http://api.map.baidu.com/api?v=2.0發(fā)現(xiàn)...

    Ali_ 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<