angular项目中常用的npm命令

最新推荐文章于 2024-05-02 16:26:38 发布
最新推荐文章于 2024-05-02 16:26:38 发布
阅读量314 收藏
点赞数
文章标签： javascript ui ViewUI
原文链接：http://www.cnblogs.com/dragonh/p/6523412.html
版权

1:创建项目:ng new name

2:创建模块:ng g component home或者ng g module about.后者多了一个module.ts文件.这里面的home和about都是模块的名字

3:angular material2:npm install --save@angular2-material/core@angular2-material/button@angular2-material/card@angular2-material/radio@angular2-material/checkbox@angular2-material/slider@angular2-material/tooltip

这是angular的UI框架

 

转载于:https://www.cnblogs.com/dragonh/p/6523412.html

weixin_30321449
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Angular-CLI构建NPM包的方法
10-18
Angular-CLI（Angular命令行界面）是Angular官方提供的用于创建Angular项目、添加文件、执行测试等操作的一个命令行工具。创建项目使用的命令是“ng new”，后面跟上项目名称，例如“ng new my-project”。 二、...
Angular环境搭建 （npm常用命令）
lvxinaidou的博客
11-17 1588
@Angular环境搭建 1. 下载并且安装Node.js 官方网站下载：https://nodejs.org/en/ 安装angular的计算机上面必须安装最新的nodejs–注意安装nodejs稳定版本 1.1 npm包全局安装和局部安装理解 1. 全局安装 npm所在位置，安装位子： 全局安装是将npm包安装在你的node安装目录下的node_modules文件夹中。npm是Node.js的包管理工具，所以当我们从官网下载安装node的时候，npm也顺带装好了。 npm安装在node安装目录下的no
Angular 开发NPM第三方包
m0_54944506的博客
03-22 545
将module在app.module中引入，并使用新建的button组件，通过ng-serve启用应用，看到button组件已经生效。解决：更改package.json文件中的“name”值，然后再publish。在angular升级到13以后需要将组件在public-api中进行声明。解决： nrm use npm ，然后再publish。原因一: 当前电脑所使用的npm源未在npm官网上。原因二： 该npm包已经在共有npm网站上存在了。这时候需要用到npm账号。
Angular基础-搭建Angular运行环境
最新发布
踏雨歌青春，诗酒趁年华
05-02 6283
这篇文章介绍了在Angular项目中进行开发环境搭建的关键步骤。包括node.js安装和配置、安装Angular CLI工具、安装angular-router、创建Angular项目等步骤。这篇文章为读者提供了清晰的指南，帮助他们快速搭建Angular开发环境，为后续的项目开发奠定基础。
angular前端环境搭建、安装angular
weixin_47599724的博客
12-13 2015
我们在第四步安装的时候选择了自定义保存路径D:\Nodejs】，我们需要把全模块下载路径和cache缓存路径也放在自定义的路径下【D:\Nodejs】。进入官网后，当前页面下载的是最新版本，如需要下载历史版本，点击红框标注的其他下载，在进入的新的页面底部，选择红框标准的先前版本，然后下载相应的版本，在跳转的页面下载win64的版本即可。3.在【系统变量】下的【Path】新建添加node全局文件夹【D:\Nodejs】，之后点击确定。2.如果安装版本错误，一般可先将本地已安装的版本卸载再次重新安装。
Angular 基本命令及语法
Jacks丶的博客
07-07 748
记录 angular 的基础命令及基础语法。
angular7封装组件上传到npm库，并引用到项目上
01-08
首先，创建一个新的Angular项目和组件： 1. 使用Angular CLI创建一个新的项目： ``` ng new myFirstDemo ``` 2. 在项目中生成一个模块和组件： ``` ng g m component ng g c component/drop-down ``` 注意，你需要...
cnpm加速Angular项目创建的方法
10-18
当使用`ng new`命令创建Angular项目时，尤其是在安装项目依赖包阶段，由于网络延迟和带宽限制，这一步骤可能会非常慢，有时甚至会耗费很长时间仍无法完成。这对于开发者的效率和耐心都是极大的挑战。 解决方法： 1....
使用Angular CLI生成 Angular 5项目教程详解
08-27
这将在名为`my-app`的文件夹中创建一个新的Angular项目。你可以添加`--dry-run`参数预览将要生成的文件，而`--skip-install`参数则在项目创建后跳过自动执行的`npm install`。 要查看所有可用的选项，可以运行`ng ...
一文带你入门，领略angular风采（上）！！！
qq_72760247的博客
03-04 1227
一文带你入门，领略angular风采（上）！！！
AngularJS进阶学习（二）
Web3 & Basketball
07-30 834
AngularJS 是一种流行的 JavaScript 框架，用于开发 Web 应用程序。它提供了许多功能，如依赖注入、控制器、指令、服务、过滤器等，使开发人员可以更轻松地构建复杂的 Web 应用程序。在这篇教程中，我们将介绍 AngularJS 的安装、使用、应用场景以及一些代码实例。
Angular 开发第三方组件+打包+npm发布（个人记录）
qq_40020447的博客
09-29 1787
写在前面 本文内容仅为个人记录，不一定适用所有读者； 本人技术水平有限，很多知识并不懂，所以内容对有的大佬来说很肤浅； 准备工作用到了docker，因为我自己本地电脑跑 build 会报错，实在解决不了； 勿喷，谢谢； 最终成果展示 一. 环境及工具 win10 Angular 7.1.0 docker docker 镜像 ：kodear/angular7 vsCode 正文开始 1. 准备docker环境 Tips: 如果你本地能跑起angular项目，并build不会报错的话，可以不需要
Angular组件的创建 打包npm包的流程
alize的博客
06-29 966
大体流程是先建一个组件的仓库，仓库开发完成后build到dist中，然后打包发布。 1. ng g library 仓库名 --prefix=selector的前缀 比如：ng g library search-form --prefix=ytxx 2.开发仓库 第一步之后已经在项目根目录下建好了projects文件夹，在projects下有刚刚自己新建的仓库。 lib下边就是我们操作的地方了，写好组件以后在module中把组件export出来，不然不能通过selector使用组件。public-api.
Angular CLI ng常用命令整理
热门推荐
天马3798
01-20 3万+
Angular CLI 的ng命令常用整理 当前对应版本：angular-cli:1.0.0    node:8.9.3   os:win32 x64 1.创建项目 ng new 命令 描述 ng new [options] 创建一个新的 Angular 项目,默认在当前所在目录下 参数 描述
npm快速生成一个angular项目
BOOLEAN的博客
08-15 2783
1  npm install -g @angular/cli 2  ng --version 3  ng new appDemo 4  cd appDemo 5  ng serve --o(启动服务) 项目结构如下：
npm创建angular项目
weixin_30834019的博客
08-30 746
1、首先保证你本地的 node 环境 是ok的哦。 2、安装 angular-cli 命令 npm install -g @angular/cli。安装完成后，ng version 查看版本，我的是 3、到你自己想要的文件路径下，创建 命令，ng new <自己定义的名字> 等它成功 就阔以了 转载于:https://www.c...
如何发布angular模块到npm
Litwak
04-17 1113
发布angular npm包流程发布后的项目发布过程新的项目新建library实现功能配置编译发布到NPM注册然后在终端输入发布使用InstallUseexample 发布后的项目 这是我第一次创建npm包，实现了clone-deep功能(clone-deep不需要创建angular module， 项目仅做测试学习)。 发布过程 新的项目 ng new angular-clone-deep ...
angular命令集
a1192492677的博客
09-26 1368
npm install -g @angular/cli 安装angular cli脚手架 npm install -g cnpm 安装淘宝镜像 npm uninstall -g @angular/cli 卸载angular cli npm cache clean 清除缓存 cnpm install -g @angular/cli npm 淘宝镜像方式重新安装 ng -v 查看版本/检验是否...
angularJS2.0入门 命令行/npm下载安装
xyphf的博客
01-11 4049
angularJS2.0命令行/npm下载安装地址 angularJS2.0本地开发环境搭建地址 https://angular.cn/docs/ts/latest/guide/setup.html http://www.hubwiz.com/class/5599d367a164dd0d75929c76
typescript开发angular模块与发布npm包教程
为了自定义`package.json`中的默认值，你可以使用`npm config set`命令来预先设定。例如，你可以设置作者名、邮箱、个人网页和开源协议等。这样，当你再次运行`npm init`时，这些信息会自动填充。记得在`main`字段中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值