angular-fundamentals-seed, Angular 2 + 基础seed项目

分享于 

4分钟阅读

GitHub

  繁體 雙語
Angular 2+ Fundamentals seed project
  • 源代码名称:angular-fundamentals-seed
  • 源代码网址:http://www.github.com/UltimateAngular/angular-fundamentals-seed
  • angular-fundamentals-seed源代码文档
  • angular-fundamentals-seed源代码下载
  • Git URL:
    git://www.github.com/UltimateAngular/angular-fundamentals-seed.git
    Git Clone代码到本地:
    git clone http://www.github.com/UltimateAngular/angular-fundamentals-seed
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/UltimateAngular/angular-fundamentals-seed
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    

    Angular 基础种子

    这是 Angular 基础课程的种子项目,由Todd的座右铭

    项目设置和工具

    命令行工具

    这里课程用以下工具记录,你可以选择使用相同的文本编辑器/ide和浏览器。

    在 : Visual Studio 代码中,你可以将它下载到这里,例如 Mac,Windows 和 Linux。 浏览器: Google Chrome,你可以在这里下载。

    先决条件

    请确保你已经安装以下安装:

    • 安装最新版本的node.js ( Mac或者 Windows )

      • Mac用户可以选择 brew install node,如果他们有 brew安装
    • 如果你还没有安装它,你可能会需要 node:

    npm install -g node-sass

    项目安装

    如果你想在 fork 中下载种子项目,请点击这里下载文件,并在你的机器上解压文件。

    步骤 1: 软件包管理器

    要安装项目依赖项,你需要安装 yarn。 要安装 yarn,请在你的终端中运行以下命令:

    npm install -g yarn

    Mac用户可以选择使用 brew 来安装 yarn

    brew update
    brew install yarn

    如果你在安装/使用 yarn 时遇到任何问题,你可以在这里检查安装指令

    步骤 2: 项目相关性

    现在我们有了一个包管理器,我们可以安装项目。 你可以通过运行以下命令来执行这里操作:

    yarn install

    这将为运行 Angular 应用程序安装我们的。

    步骤 3: 运行项目

    在开发过程中,使用 webpack-dev-server 构建项目。 这提供了一个本地开发服务器以及在文件更改时让 web pack重新编译我们的应用程序。 项目还将自动刷新页面,每当我们进行更改时。

    要在开发中启动项目,请运行:

     
    yarn start
    
    
    
     

    这将输出有关项目(。如打字版和生成进度)的一些信息。 一旦看到"生成已经完成",就可以编写代码了 !

    打开你的浏览器到 localhost:4000 开始运行代码。

    项目工具

    这个项目使用 webpack 来构建和编译我们所有的资产。 这将对我们执行以下操作:

    • 在JavaScript中编译我们的所有代码( 从 main.ts 开始,从导入的文件分支)
    • 将所有的JavaScript打包到一个文件中使用
    • 允许我们在组件文件的CSS中使用 SASS
    • 提供在所有现代浏览器中运行我们的应用程序所需的polyfills
    • 使用 JSON服务器插件模拟JSON后端。

    proj  angular  SEED  
    相关文章