cnpm加速Angular项目创建的方法
问题描述
使用官网推荐的命令行工具ng
来初始化Angular
项目。
ng new my-app
前面都挺快的,创建本地文件嘛。就是到最后安装依赖的时候特别慢,等了半个小时,也没装完。
cnpm加速
使用淘宝为广大程序员提供的cnpm
进行加速,cnpm官网。
npm install -g cnpm --registry=https://registry.npm.taobao.org
加速创建
慢的问题就出现在ng
使用npm
安装依赖,所以就需要使用ng
创建项目骨架,但是跳过安装依赖的过程,我们手动去用cnpm
安装依赖。
初始化项目骨架,跳过依赖安装:
ng new my-app --skip-install
项目骨架很快就创建成功了。
cd my-app cnpm install
感谢开源社区的无私奉献,希望有一天,我们也可以为开源世界添砖加瓦!
问题
cnpm
虽然快,但是还是有些问题的,我是用cnpm
安装依赖,然后ng serve
的时候会卡在95% emitting LicenseWebpackPlugin
。
如果用着好使,那就用cnpm
,如果用不了,还是规规矩矩的去用npm
吧。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
使用typescript开发angular模块并发布npm包
本文介绍了使用typescript开发angular模块并发布npm包,分享给大家,具体如下: 创建模块 初始化package.json文件 执行命名 npm init -y 会自动生成package.json文件如下,name默认为文件夹名称 { "name": "MZC-Ng-Api", "version": "1.0.0", "description": "", "mai
-
cnpm加速Angular项目创建的方法
问题描述 使用官网推荐的命令行工具ng来初始化Angular项目. ng new my-app 前面都挺快的,创建本地文件嘛.就是到最后安装依赖的时候特别慢,等了半个小时,也没装完. cnpm加速 使用淘宝为广大程序员提供的cnpm进行加速,cnpm官网. npm install -g cnpm --registry=https://registry.npm.taobao.org 加速创建 慢的问题就出现在ng使用npm安装依赖,所以就需要使用ng创建项目骨架,但是跳过安装依赖的过程,我们手动去
-
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
Angular CLI是一个命令行界面工具,它可以创建项目.添加文件以及执行一大堆开发任务,比如测试.打包和发布,这里的快速开始就是基于这个命令. 开始项目前,你需要先安装node和npm,然后执行npm install -g @angular/cli安装Angular CLI. 一:用命令行新建一个项目 ng new newApp --skip-install cd newApp cnpm install ng serve --open 执行上面的命令就会自动新建一个Angualr项目,并启动
-
Angular 4环境准备与Angular cli创建项目详解
本文介绍的是为Angular4.0准备环境和学会使用Angular cli来创建项目的相关内容,分享出来供大家参考学习,需要的朋友们下面来一起看看详细的介绍: 1.环境准备: 1)在开始工作之前我们必须设置好开发环境, 如果你的机器上还没有安装Node.js和npm,请安装他们 (这里特别推荐使用淘宝的镜像cnpm,记得以后把npm的指令改为cnpm就可以了) npm install -g cnpm --registry=https://registry.npm.taobao.org 然后我们可
-
Angular 项目实现国际化的方法
正如angular官网所说,项目国际化是一件具有挑战性,需要多方面的努力.持久的奉献和决心的任务. 本文将介绍angular项目的国际化方案,涉及静态文件(html)和ts文件文案的国际化. 背景 Angular: 5.0 Angular Cli: 1.6.1(1.5.x也可以) NG-ZORRO: 0.6.8 Angular i18n i18n模板翻译流程有四个阶段: 在组件模板中标记需要翻译的静态文本信息(即打上i18n标签). Angular的i18n工具将标记的信息提取到一个行业标准的翻
-
使用Angular 6创建各种动画效果的方法
就技术角度而言,动画可以被定义为从初始状态到最终状态的转换过程.如今它已是各种Web应用不可或缺的组成部分.通过动画,我们不仅能创建出各种酷炫的UI,同时它们也能增加应用程序的趣味性.因此,设计精美的动画在吸引用户眼球的同时,也增强了他们的浏览体验. Angular能够让我们创建出具有原生表现效果的动画.我们将通过本文学习到如何使用Angular 6来创建各种动画效果.在此,我们将使用Visual Studio Code来进行示例演示. 准备工作 安装Visual Studio Code和Ang
-
在Angular项目使用socket.io实现通信的方法
step1.为项目安装依赖 在终端输入以下命令为我们的angular项目安装express.socket.io.socket.io-client npm install express socket.io socket.io-client 本人安装的各版本信息如下: "express": "^4.17.1", "socket.io": "^3.0.4", "socket.io-client": "
-
使用Docker部署Angular项目的方法步骤
Docker 部署 Angular 项目有两种方法,一种是服务端渲染,这个官方文档已有说明,另一种就是使用 node 镜像编译后放入 web 服务器.由于在 node 环境,所以使用 express 最为便捷了. 创建 server.js const express = require('express'); const app = express(); const config = { root: __dirname + '/dist', port: process.env.PORT || 4
-
Angular 项目实现国际化的方法
目录 背景 Angular i18n 部署翻译文件 ts文件文案和NG-ZORRO框架文案翻译 总结 正如angular官网所说,项目国际化是一件具有挑战性,需要多方面的努力.持久的奉献和决心的任务.本文将介绍angular项目的国际化方案,涉及静态文件(html)和ts文件文案的国际化. 背景 Angular: 5.0 Angular Cli: 1.6.1(1.5.x也可以) NG-ZORRO: 0.6.8 Angular i18n i18n模板翻译流程有四个阶段: 在组件模板中标记需要翻译的
-
在vue项目创建的后初始化首次使用stylus安装方法分享
项目创建报错: This dependency was not found: * !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-1d57e5ea","s
-
Idea2020.2创建JavaWeb项目(部署Tomcat)方法详解
Idea2020.2创建JavaWeb的方式略有改动,以下做个记录 1.创建项目不再是Java Enterprise了,而是先New 一个普通Java项目 2.创建项目后,选择Run->Edit Configuration->左上角加号->Tomcat Server(注意不是TomEE)->Local 3.点击Application右边的Configure,找到你放置的Tomcat的目录,点击OK 4.选择你运行项目调试项目的浏览器,我的电脑安装的是New Edge,你可以自行选择
随机推荐
- SQLite数据库常用语句及MAC上的SQLite可视化工具MeasSQLlite使用方法
- 浅谈Angular路由守卫
- Oracle数据行拆分多行方法示例
- Python基于time模块求程序运行时间的方法
- Vue2.0实现1.0的搜索过滤器功能实例代码
- asp.net(C#)操作excel(上路篇)
- js双色时间效果代码
- 整理Javascript事件响应学习笔记
- PHP实现下载功能的代码
- 11个PHPer必须要了解的编程规范
- 浅谈htmlentities 、htmlspecialchars、addslashes的使用方法
- DevExpress之TreeList用法实例总结
- 使用Python生成url短链接的方法
- mysql 日期和时间函数
- Ajax添加数据与删除篇实现代码
- C#实现的ACCESS数据库操作类完整实例
- Java代理模式详细解析
- springboot集成activemq的实例代码
- C++实现CreatThread函数主线程与工作线程交互的方法
- JavaScript之promise_动力节点Java学院整理