初始化 Emberjs 項目

xushaojieaaa 發(fā)布于2019-08-23 17:04 / 3006人閱讀

摘要：初始化一個新的項目生成項目其中用于跳過初始化項目時自帶的組件。是在初始化完成之后，就進行依賴的安裝。在命令行中運行之后，打開之，就能看到這就說明的項目已經成功啟動。自動引入依賴包數據至此，項目的整個過程就結束了。

Ember Guide 1. 初始化一個新的項目 1.1 生成項目

ember new ember-guide --no-welcome --yarn

其中--no-welcome 用于跳過ember-cli 初始化項目時自帶的 welcome 組件。--yarn 是在初始化完成之后，就進行依賴的安裝。
在命令行中運行

ember s

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

Welcome to Ember

這就說明Ember的項目已經成功啟動。

1.2 配置為Pods目錄

目前項采取的是Pods目錄，具體的設置為：

//  ./.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 文件夾下生成相應的文件。

刪除 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 預處理器 sass:

ember generate ember-bootstrap --preprocessor=sass

2.使用 css module:

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

重啟應用，即可。

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

// mock數據
yarn add ember-cli-mirage --dev

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

mock Data

truth helper usage

至此，項目的整個 Init 過程就結束了。

Written by Frank Wang.

GPU云服務器云服務器 emberjs 初始化初始化磁盤初始化數據

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103772.html

Emberjs中JSONAPISerializer的常用API

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

channg 2019-08-23 18:38 評論0 收藏0
emberjs引百度地圖問題

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

Tamic 2019-08-19 17:29 評論0 收藏0
Emberjs 如何與后端服務進行交互-Store/Adapter/Serializer的作用

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

HackerShell 2019-08-26 10:22 評論0 收藏0
emberjs引百度地圖問題

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

ad6623 2019-08-30 12:44 評論0 收藏0
emberjs引百度地圖問題

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

Ali_ 2019-08-01 15:02 評論0 收藏0