安装angular

已于 2024-05-15 17:51:07 修改
阅读量688 收藏 5
点赞数 9
文章标签： angular
于 2024-04-12 11:16:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56102932/article/details/137673795
版权
本文介绍了在Linux系统中安装和升级npm以及Node.js的基本步骤，包括ng命令行工具的使用，如安装AngularCLI，以及提供Angular开发的一些常用命令和学习资源链接。
摘要由CSDN通过智能技术生成

1, 如果没有npm就先安装npm

sudo apt-get install npm

2, 升级node

sudo npm install -g n

sudo n 21.7.2

以下是可供选择的版本：

Index of /download/release/

3,升级npm

sudo npm install npm -g

4, 安装angular

sudo npm install -g @angular/cli

5,常用命令:

npm install   #安装依赖

ng serve   #启动前端服务器

ng new my-app 

ng generate component <组件名字>  #产生组件命令

ng generate interface <界面名字>         #产生界面命令

ng generate service <服务名> --skip-tests  #产生service命令

#产生route,  添加route.ts文件

6, 学习资料

Home • Angular

教程1：我的第一个应用

git clone -b homes-app-start git@github.com:angular/codelabs.git homes-app

cd homes-app/

 npm install

ng serve

Angular

教程：英雄之旅

Wu Liao918
关注
  • 9
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
angular|大地老师第一节 超详细angular安装与运行
qq_40940552的博客
09-16 3718
一，安装准备环节 1，首先安装node.jsNode.js 选择安装版本时应选择则左侧的稳定版本 接着一直下一步就好 没出现问题 2，验证node.js以及npm是否安装成功 输入cmd打开命令行输入（括号内不输入）： node -v (node和-v中间有一个空格) 然后输入： npm -v （安装好node.js后npm自己就安装上了） 如果出现类似v10.13.0这样的版本号说明成功了（npm类似6....
Angular2安装angular-cli
12-09
依据本宝宝帮多位小伙伴安装成功的经验，现总结安装angular-cli过程如下： 1、设置淘宝镜像，在 .npmrc文件（该文件在C盘>用户（或user）>你的电脑名字下就可找到）加入下面一句：   registry = ...
安装Angular
热门推荐
07-07 1万+
安装Angular 下载，之后安装 https://nodejs.org/dist/v12.16.2/node-v12.16.2-x64.msi 查看安装情况 C:\Users\admin>node -v v12.1...
Angular安装
知识改变一切
06-08 578
一、安装好nodejs二、执行以下命令npm i -g typescript typingsnpm i -g @angular/cli三、官方QuickStart网址https://angular.io/guide/quickstart四、问题解决方案https://blog.csdn.net/zhy13087344578/article/details/60745667...
详解Ubuntu安装angular-cli遇到的坑
10-18
在Ubuntu系统中安装Angular CLI（命令行界面）可能会遇到一些挑战，这主要是因为软件依赖、网络状况以及系统差异等因素导致的。本文将详细介绍在Ubuntu 16.04上安装Angular CLI时可能遇到的问题及解决方案。 首先，...
angular6.0开发教程之如何安装angular6.0框架
08-27
主要介绍了angular6.0开发教程之如何安装angular6.0框架，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Angular安装教程
01-08
Angular安装 安装node和npm 参考这篇文章安装 https://blog.csdn.net/wf19930209/article/details/84226365 正式安装 当然，在安装 @angular/cli 之前需要先把 Node.js 安装好，请到官方网站下载安装包 ，安装过程和...
angular安装
baidu_35758682的博客
07-11 387
1.安装node LTS-&gt;.mis-&gt;64bit，按照安装向导安装。 LTS Version: 8.11.3 (includes npm 5.6.0)2.安装完成检查是否成功。控制台命令行node -v 和npm -v。3.添加环境变量。编辑系统变量Path，末尾加上;E:\node-v8.11.3\；编辑用户变量Path，末尾加上;E:\node-v8.11.3\node_glob...
angular环境安装
雨云21的博客
04-20 7106
1.在安装angular之前，需要安装Node.js Node.js官网：https://nodejs.org/en/ 安装Node.js非常简单，下载安装包后直接运行，一直下一步，然后点完成就行了 检测：进入命令控制台，输入node -v和npm -v查看版本信息 2.安装angular cli 以管理员身份运行命令提示符，输入安装命令 npm install -g @angular/cli ...
angular的安装和简单配置（入门）
Crayon111的博客
07-20 1044
Angular的安装和简单配置
Angular安装命令
Ryan_black的博客
06-01 1144
直接打开cmd命令窗口,giao! 第一步：先装nodejs //去nodejs官网下一个比较新的版本,用如下代码查看是否下载成功 node -v 第二步：安装cnpm和淘宝镜像 npm install -g cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 第三步：安装前的检查 之前电脑上如果安装过angular cli老版本的话建议先卸载，然后重新安装。 卸载老版本： npm uninstall -g angul
angular环境安装 (含nodejs详细安装步骤)
fupo
06-03 1561
a. 在安装nodejs的目录下新建两个文件夹【node_global】及【node_cache】安装完后之后可以使用 node-v 和 npm -v可以查询对应的node和npm的版本号。目前需要用到的版本是：10.15.2（项目1），18.15.0（项目2）nvm list : nvm 查看已安装的node。nvm use 版本号：切换到指定的node版本。b. cmd窗口执行命令（设置npm的路径）安装成功的话可以看到 nvm的版本号等信息。nvm -v: 查看nvm版本号。g. 设置nvm环境。
Angular详细安装教程
weixin_45428910的博客
07-22 918
Angular详细安装教程
angular前端环境搭建、安装angular
最新发布
weixin_47599724的博客
12-13 1950
我们在第四步安装的时候选择了自定义保存路径D:\Nodejs】，我们需要把全模块下载路径和cache缓存路径也放在自定义的路径下【D:\Nodejs】。进入官网后，当前页面下载的是最新版本，如需要下载历史版本，点击红框标注的其他下载，在进入的新的页面底部，选择红框标准的先前版本，然后下载相应的版本，在跳转的页面下载win64的版本即可。3.在【系统变量】下的【Path】新建添加node全局文件夹【D:\Nodejs】，之后点击确定。2.如果安装版本错误，一般可先将本地已安装的版本卸载再次重新安装。
angular入门
哈喽234的博客
02-10 989
JIT：先tsc编译成js文件，打包压缩，浏览器加载代码，启动angular，通过JIT编译处理代码，然后再渲染应用。父->子： @input() 父组件添加子组件的引用@ViewChild()来获取子组件。用来创建元素、文本、设置属性、添加样式和设置事件监听……删除node_modules包提示路径过长。2.单向 视图 -> 数据(事件)子-> 父： @Output()订阅Subject next订阅。ng help 查看所有指令。3.双向 视图 <–> 数据。1.单向 数据 -> 视图。
mac安装angular
08-14
要在Mac上安装Angular，您可以按照以下步骤进行操作： 1. 首先，确保您的机器上已安装Node.js。您可以在终端中运行以下命令来检查它是否已安装： ``` node --version ``` 如果没有安装Node.js，请前往官方网站（https://nodejs.org/）下载并安装最新版本。 2. 安装Angular CLI（命令行界面）。在终端中运行以下命令来全局安装Angular CLI： ``` npm install -g @angular/cli ``` 这将在您的机器上安装Angular CLI，以便您可以在任何地方使用它。 3. 创建一个新的Angular项目。在终端中，导航到您要创建项目的目录，并运行以下命令： ``` ng new my-angular-app ``` 这将创建一个名为`my-angular-app`的新Angular项目。 4. 进入项目目录。使用以下命令切换到新创建的项目目录： ``` cd my-angular-app ``` 5. 启动开发服务器。运行以下命令来启动本地开发服务器： ``` ng serve ``` 这将启动服务器并在浏览器中打开Angular应用程序。您可以通过访问`http://localhost:4200`来查看应用程序。 这样，您就成功在Mac上安装了Angular，并创建了一个新的Angular项目。您可以通过编辑项目文件来构建您的应用程序，并使用Angular CLI提供的各种命令进行开发。祝您愉快的Angular开发！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值