首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端知识分享

    Angular-cli 搭建项目

    registry https://registry.npm.taobao.org 二、安装typescript和typings npm install -g typescript typings 三、安装angular-cli 四、如果你之前安装失败过,最好在安装angular-cli之前先卸载干净,用以下命令 npm uninstall -g angular-cli npm cache clean 五、如果出现node-sass 安装完node-sass之后再安装angular-cli,就没问题了 npm install -g cnpm --registry=http//:registry.taobao.org npm install

    1.1K10发布于 2020-04-21
  • 来自专栏AndroidTv

    Angular学习(02)--Angular-CLI命令

    这就导致了,如果是手工创建 ts 文件,需要自己编写很多重复代码,因此,可以借助 Angular-CLI 命令来创建这些文件,自动生成所需的这些重复代码。 而且,不仅在创建文件方面,在对项目的编译、打包等各种操作中也需要借助 Angular-CLI。 所以,日常开发中,不管是借助 WebStrom 的图形操作,还是直接自己使用命令方式,都需要跟 Angular-CLI 打交道,了解一些基本的配置和命令也是有好处的。 Angular-CLI 大体上两种类型的命令,一是创建或修改文件,二是类似运行某个脚本来编译、构建项目。 另外,为什么非得用 Angular-CLI 命令来创建文件,用 WebStrom 自己创建个 ts 文件不行吗?

    3.6K10发布于 2019-03-19
  • 来自专栏前端加油站

    angular4实战(1) angular-cli

    https://blog.csdn.net/j_bleach/article/details/78077403 angular-cli 脚手架大大方便了,项目的开发,使用也非常简单 本文就angular-cli这块的指令属性,在做一些扩展介绍。 在下载好angular-cli之后,通过在命令行输入ng help可以获得angular-cli的指令详细介绍。 ? 如果新建一个项目仅仅用上述5条,显然是不满足开发需求的,在介绍5条属性。 本章对angular-cli的介绍到此为止,下章具体介绍路由。 项目地址:https://github.com/jiwenjiang/angular4-material2

    1.2K20发布于 2019-07-02
  • 来自专栏技术社区

    Angular-Cli脚手架介绍、安装并搭建项目

    最简单的使用方式参照以下 StackBlitz 演示,也推荐 Fork 本例来进行 Bug Report,注意不要在实际项目中这样使用。

    2.6K30编辑于 2022-06-17
  • 来自专栏CRPER折腾记

    Angular 2.x折腾记 :(1)初识Angular-cli及脱坑要点

    什么是angular-cli 简言之:就是NG团队自行维护的一个项目脚手架[内置单元测试及webpack打包工具等],这货前身是ember-cli; 官网 / Github 吐槽 我最早是从Angular cli beta18开始用的,截止beta28.3,这个分支已经废弃,已经迁移,之前npm install angular-cli不推荐; 目前最新的是v1.0.0正式版【2017-3-24】,从旧版本到 正式版的配置稍微有些改动,我比较了下基本不大,放心使用 系统环境配置 window 安装lts版本的nodejs v6.10.0 , Angular-cli中的node-sass不支持7.x,装不上的

    71610编辑于 2024-02-18
  • 来自专栏CRPER折腾记

    Angular 2 + 折腾记 :(1)初识Angular-cli及脱坑要点

    ---- 什么是Angular-cli 简言之:就是NG团队自行维护的一个`脚手架`[内置单元测试及webpack2打包工具等] -- 这货前身是ember-cli; 官网:cli.angular.io angular/ang… npm: www.npmjs.com/package/ang… 我最早是从beta18开始用的,截止beta28.3 -- 这个分支已经废弃,已经迁移,之前npm install angular-cli 正式版的配置稍微有些改动,我比较了下基本不大,放心使用 ---- 安装之前 window下: 安装lts版本的nodejs[6.10.0] , Angular-cli中的node-sass不支持7.x, ---- 初始化项目 angular-cli可以初始化ng2或者ng4的项目,我这里说2+; 脚手架的命令很多,我这里只列出最常用的; 新建东东 范围 命令 作用 new ng new new_project

    2.5K10发布于 2018-08-28
  • 来自专栏CRPER折腾记

    VS Code 折腾记 - (7) 内置Debug功能深入【调教angular-cli 最新版】

    很多小伙伴说用了打包工具(Webpack)之后,断点调试相当痛苦; 常规的方式无非是debugger,console.log()大法; 但是,vscode这货天生支持debug功能,不用白不用,今天我就说说怎么调教angular-cli 记得ng serve要先行启动,调试是调试,不包括引导angular-cli的启动; 配置文件很简单: { "version": "0.2.0", "configurations": [{ " }] }复制代码 配置解释 version : 你定义这个配置文件的版本,默认是0.2.0,生成的时候 configuration:配置域 name:配置文件的名字,比如你可以叫做Debug Angular-cli

    1.7K20发布于 2018-08-28
  • 来自专栏ionic3+

    更小更快更易用的Angular5管中窥豹

    第一步,升级@angular/cli 创建Angular5项目,要更新angular-cli到1.5版本以上(其实angular-cli已换成@angular/cli)。 /angular/angular-cli,具体操作如下: 首先敲入命令查看下当前cli版本: ng -v ? angular-cli版本 看到版本是1.4.5,低于1.5,所以我们敲入以下命令更新: npm install -g @angular/cli@latest 或 npm update -g @angular /cli 如果你使用的是Angular CLI 1.0.0-beta.28或以下版本, 你需要先卸载angular-cli包,从angular-cli向 @angular/cli转化: npm uninstall -g angular-cli npm uninstall --save-dev angular-cli 升级全局包(Global package): npm uninstall -g @angular

    1.3K30发布于 2018-08-20
  • 来自专栏向治洪

    Angular2入坑指南

    有官方的UI方案Material Design供选择 官工具链相对于React要成熟 有angular-cli这个便利化的工具,并提供E2E的测试,用以方便测试,并保证项目的质量。 Angular2快速安装与入门 安装angular-cli npm install -g angular-cli 创建项目 ng new PROJECT_NAMEcd PROJECT_NAMEng serve 附:angular-cli的教程与源码地址

    2.8K70发布于 2018-01-26
  • 来自专栏全栈程序员必看

    选用TypeScript开发AngularJS2[通俗易懂]

    常用的脚手架有Angular-Seed和Angular-cliAngular-cli是AngularJS框架原生的脚手架,并且当下似乎已经完成了1.0版本,然后移动到了@angular/cli中,和AngularJS融为一体了。 因此安装Angular-cli的命令已经改成: npm install -g @angular/cli 详情请看: https://github.com/angular/angular-cli

    1.1K20编辑于 2022-07-20
  • 来自专栏王贝珊的专栏

    Angular2 :从 beta 到 release4.0 版本升级总结

    一、版本说明 原始版本: 2.0.0-beta.6 目标版本: 4.1.1 新增脚手架: Angular-cli 脚手架版本: 1.0.0-rc.1 升级后主要依赖版本如下: "dependencies 升级angular-cli版本失败 原因:angular-cli版本升级后,对应webpack版本修改了默认的disableHostCheck属性,导致ng serve --port会出现Invalid 解决办法:关闭File > Settings... > System Settings > Use "safe write",参见angular-cli issue#5507 。 8. 使用angular-cli后无法自定义webpack的alias, 导致文件引入路径很长,如../../../shared/。 原因:angular-cli内部封装了webpack配置,若手动改动node_modules不方便。

    12.3K00发布于 2017-05-16
  • 来自专栏AndroidTv

    node-sass 埋坑记录

    node-sass 埋坑记录 背景 原有项目、环境: node:v8.16.2 npm:v6.4.1 node-sass::v4.8.0 Angular-CLI:v6.x 本机没有安装 Visual Studio 后来,接手的新项目中: Angular-CLI:v8.x 由于升级了 Angular 版本,同样也升级了 Angular-CLI 版本,导致 v8.x 版本的 node 已经无法编译 angular 项目 windows-build-tools 小结 之所以以前正常,新项目出现种种问题,原因在于各环境的版本升级,所以,需要明确,各个环境、框架之间都是有依赖关系的,不是任意版本组合就可以的,比如: angular v8 版本就需要依赖 angular-cli 到 v8.x 版本; angular-cli v8.x 版本就需要依赖 node 到 v10.x 版本; node-sass v4.8 只支持到 node v9 版本; 所以,当需要升级 angular 解决方案 能联网 先升级 angular 版本,再升级 angular-cli 版本 构建失败时,会提示请升级 node 版本,按提示升级,可通过 nvm 或手动下载新版本 node 继续构建时,node-sass

    5.3K10发布于 2019-11-18
  • 来自专栏mythsman的个人博客

    Angular2学习笔记

    现在基本上都是用angular-cli来组织文件,这个项目对Angular2提供了强大的支持,我们用起来也比以前方便了很多。 具体的过程就不细说了,可以参考angular-cli的wiki,主要是以下步骤: 安装新版本的node。 (注意node的版本一定要是6以上的,否则会报奇奇怪怪的错); 安装angular-cli (npm install -g @angular/cli); 新建项目 (ng new PROJECTNAME 显然这很棒棒喽,但是文档中介绍的转换方法实在是麻烦,弄了半天报了一堆错也没弄成,最后还是用了angular-cli才算搞定。 参考文章 angular-cli angular中文文档 nginx发布Angular2

    3.4K10编辑于 2022-11-14
  • 来自专栏ionic3+

    有了ng-zorro-mobile,ionic4如虎添翼

    npm install -g ionic #使用ionic-cli创建项目 ionic start PROJECT-NAME 然后接入ng-zorro-antd-mobile,其中有两种方式: 使用angular-cli 只需要以下一句命令即可完成模块初始化配置(前提安装了angular-cli): ng add ng-zorro-antd-mobile 使用npm,则先安装模块: npm install ng-zorro-antd-mobile

    2.9K30发布于 2018-10-15
  • 来自专栏挖坑填坑

    Angular4记账webApp练手项目之一(利用angular-cli构建Angular4.X项目)

    前提 1、已经安装了node.js环境 2、已经安装了npm环境 windows可以通过cmd输入以下指令查看 node -v // node版本 npm -v // npm版本 安装angular-cli -g @angular/cli npm cache clean npm install -g @angular/cli@latest 官方文档 :https://github.com/angular/angular-cli

    1.5K30发布于 2018-08-21
  • 来自专栏ionic3+

    Ionic-cli/Angular-cil修改创建的“app”前缀

    ionic-cli或angular-cli能很好地辅助开发,其中generate很方便地创建各种模版内容,即: ionic generate/ng generate或简写为ionic g/ng g "styleext": "scss", "spec": false, "prefix": "" } } 注意:第一个是配置ionic-cli,第二个是配置angular-cli

    2K50发布于 2019-07-15
  • 来自专栏前端布道

    Angular开发实践(一):环境准备及框架搭建

    介绍之前,我假定你了解或者熟悉: NodeJs Npm Git Sass TypeScript angular-cli 环境准备 全局安装NodeJs(>6.9.x),包含npm(>3.x.x) 全局安装 angular-cli npm install -g @angular/cli IDE推荐使用WebStorm 框架搭建 angular-start是我在GitHub上维护的一个起步项目,你可以直接下载作为基础开发框架来使用

    1.6K70发布于 2018-04-11
  • 来自专栏编程内马尔

    解决angular创建项目报错:setTimeout is not defined

    not defined 创建angular项目的时候,报错,如下: 这样的报错应该就是用cnpm安装的angular/cli,我们需要卸载它,用npm重新安装 $ npm uninstall -g angular-cli

    63620编辑于 2022-11-15
  • 来自专栏finleyMa

    Angular 修改build后的静态资源目录路径

    如果你通过angular-cli创建了一个angular项目,比如名称为angular-quick-start执行ng build后,静态资源会输出到dist/angular-quick-start,angular-quick-start

    4K20发布于 2019-07-11
  • 来自专栏前端布道

    Angular开发实践(二):HRM运行机制

    引言 在angular-start项目中启用了模块热替换(HMR - Hot Module Replacement)功能,关于如何在angular-cli启用HRM,请查看HRM配置 那HMR是个什么东西呢 HMR是webpack提供的一个功能,angular-cli使用了它,它会在应用程序运行过程中替换、添加或删除模块,而无需重新加载整个页面。

    2.1K70发布于 2018-04-11
领券