Angular2安装脚手架

最新推荐文章于 2024-05-14 21:50:38 发布
原创 最新推荐文章于 2024-05-14 21:50:38 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何快速安装Node.js及Angular CLI来搭建Angular项目环境。首先从官网下载并安装Node.js，然后通过命令行验证安装情况。接着安装Angular CLI并确认其版本，确保能够顺利创建和运行Angular应用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.node安装http://nodejs.cn/，下载node安装包，点击下一步安装即可

2.命令行输入node -v查看是否安装成功


3.安装angular脚手架：切换盘符，cd切换文件夹，切换到你所需要安装的文件夹后输入命令行

npm install -g @angular/cli




4.安装完成后输入命令行ng-v，查看是否安装成功，如果出现下图则安装成功；


如果报错4048，则需要多安装几次;如果没有安装成功，请通过淘宝镜像进行安装





 





                

        

    

    
  



    



                



	

		

			

				
					
Angular 脚手架

				
			

			

				

					yexiang优快云的专栏
				

				

					05-21
					
					1230
					
				

			

		

		

			
				
我是表哥Harker，表妹我来咯~

本篇介绍 Angular 脚手架的安装，为Angular开发准备开发环境！



1、Angular 脚手架介绍

目前，无论你使用什么前端开发框架，都必然要使用到各种 NodeJS 工具，Angular也不例外，与其他的框架不同，Angular从一开始就走向“全家桶”式的设计思路，因此 @angular/cli 这款工具里面集成了日常开发需要使用所有 Node 模块，使用 @angular/cli 可以大幅度降低搭建开发环境的难度。

Angular CLI 类似于.

			
		

	



                

            
              



	

		

			

				
					
angular2脚手架

				
			

			

				

					08-11
				

			

		

		

			
				
angular2脚手架

			
		

	



              


  
              

                


	

		

			

				
					
使用 Angular-cli 脚手架搭建 Angular2 项目工程

				
			

			

				

					木易是妖怪
				

				

					05-15
					
					648
					
				

			

		

		

			
				
Angular2 是 Angular 1.x 的升级版本，性能上得到显著的提高，它是基于ES6来开发的，所以与Angular1.x在使用方法上有着显著的差异，可以说是两种语言了。
相比较于Angular1.x在项目中的引用，只需要添加<script src="angular-1.x.x.min.js"></script>代码即可在页面中使用，而Angular2需要使用Ang...

			
		

	





	

		

			

				
					
安装angular脚手架

				
			

			

				

					HUMM
				

				

					11-03
					
					1409
					
				

			

		

		

			
				
angular

			
		

	



		

			
		



	

		

			

				
					
angular项目搭建 脚手架

				
			

			

				

					lee727n的博客
				

				

					03-02
					
					433
					
				

			

		

		

			
				
1.安装node.js 直接官网下载https://nodejs.org/en/

2.安装之后查一下 node 版本


npm -v

3.装好node 就有了npm npm中可以找到各种框架 网址：https://www.npmjs.com/package/@angular/cli

4.安装angular cli 上面网址中 可以直接拷贝命令


npm install -g @angular/cli

5.如果网速慢 讲npm替换为cnpm


npm install cnpm -g --reg.

			
		

	





	

		

			

				
					
angular js 安装以及创建项目

				
			

			

				

					10年IT大头兵
				

				

					03-09
					
					313
					
				

			

		

		

			
				
1 安装node.js

2 安装npm 或cnpm

3 angular js  cmd : cnpm install -g @angular/cli

4 ng v  检查是否安装成功







创建项目：

ng new 项目名称 --skip-install

进入项目文件夹：cnpm install



运行项目:

ng serve --open

h...

			
		

	





	

		

			

				
					
angular2快速脚手架使用webpack进行编译

				
			

			

				

					08-10
				

			

		

		

			
				
Angular 2 快速脚手架是开发基于Angular框架的应用程序的一个便捷工具，它提供了预配置的项目结构，让你能够迅速开始编码，而无需在设置环境中花费过多时间。Webpack则是一个强大的模块打包工具，用于处理JavaScript...

			
		

	





	

		

			

				
					
Angular2安装angular-cli

				
			

			

				

					12-09
				

			

		

		

			
				
最近在学习angular2，并尝试用这个框架来做公司的一个新项目。  终于要开始开发了，等了1个多月。  因为第一次用这个新框架做项目，不太熟悉，就找了angular-cli这个脚手架来搭建项目。  安装了好多次，看了好多博文...

			
		

	





	

		

			

				
					
2024年最新Angular-Cli脚手架介绍、安装并搭建项目(2)，面试问题集锦

					
最新发布

				
			

			

				

					2401_84617969的博客
				

				

					05-14
					
					898
					
				

			

		

		

			
				
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】开发者可以通过增加参数来完成个性化的初始化配置，例如国际化或者自定义主题等，详细可以参考脚手架部分。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】})开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】[外链图片转存中…(img-DfNU6Ros-1715694614605)]

			
		

	





	

		

			

				
					
angular4.0的脚手架

				
			

			

				

					04-02
				

			

		

		

			
				
angular4.0的脚手架，用于快速angular项目的工具，方便

			
		

	





	

		

			

				
					
angular4.0 脚手架

				
			

			

				

					02-27
				

			

		

		

			
				
angular4.0 脚手架，可以快速创建angular项目。里面有详细步骤。

			
		

	





	

		

			

				
					
一个基于angularjs2的脚手架

				
			

			

				

					08-10
				

			

		

		

			
				
一个基于angularjs2的脚手架，包括布局划分、路由切换、Service等。路由根据三种不同的布局来划分，适合大中型的web网站。

			
		

	





	

		

			

				
					
material-dashboard-angular2-master后台管理系统+脚手架

				
			

			

				

					07-13
				

			

		

		

			
				
本代码的框架framework是angular，UI库用的是material UI，可以同时适应电脑和手机屏幕。
1.下载本代码，提前安装好node，这样保证npm功能能用。
2. 代码开发工具，比如visual studio code（免费好用）或者webstorm（需要淘宝5块钱买激活码）
打开代码如果用visual studio code，选择open folder，打开代码，
然后visual studio code界面的terminal选项新建一个new terminal，
在terminal命令窗口执行npm install, 会在项目中自动生成node_modules文件夹，以及对应的包。
然后执行npm start,就启动了项目，浏览器输入http://localhost:4200/ 
3. 执行npm run build，可以在项目中生成dist文件夹，里面的js文件夹中有打包好的js文件，忽略里面的map文件，那个map文件没有用。
4. 本脚手架没有用webpack工具管理，所以如果你想要webpack，你可以查询webpack工具安装和配置步骤，用webpack打包也可以。

			
		

	





	

		

			

				
					
angular脚手架安装，详细过程

				
			

			

				

					qq_45410570的博客
				

				

					06-11
					
					746
					
				

			

		

		

			
				
控制台cmd之后按 ctrl + shift + enter，进入管理员模式。使用npm安装有可能失败，所以建议使用cnpm淘宝的国内镜像。安装完成之后：查看npm和node版本确定是否安装成功。看安装成功的版本号：ｎｇ－version。安装最新的稳定版本，或者是公司使用版本。.js，直接默认就ok。

			
		

	





	

		

			

				
					
安装angular脚手架，详细步骤。避免踩坑

				
			

			

				

					weixin_53574739的博客
				

				

					07-23
					
					4342
					
				

			

		

		

			
				
**
安装angular脚手架，详细步骤。
前几天刚学完IT营大地老师讲的Angular框架，准备找个项目实战一下巩固基础，
So……就来博客记录一下我踩过的坑吧~
1安装node和npm

npm install -g npm  //更新npm至最新版本

2.设置淘宝镜像

npm config set registry https://registry.npm.taobao.org

3.安装 typescript和typings

cnpm install -g typescript typings

			
		

	





	

		

			

				
					
angular2 安装

				
			

			

				

					xiaojiangxuejava的专栏
				

				

					04-19
					
					281
					
				

			

		

		

			
				
https://blog.youkuaiyun.com/nangeali/article/details/72844224

			
		

	





	

		

			

				
					
【一】Angular 创建脚手架

				
			

			

				

					大白兔奶糖的博客
				

				

					05-06
					
					630
					
				

			

		

		

			
				
提示：Angular 创建脚手架

文章目录一、安装 Angular CLI二、使用步骤1.运行 CLI 命令 ng new 并提供 my-app 名称2.运行应用总结
一、安装 Angular CLI
npm install -g @angular/cli

二、使用步骤
1.运行 CLI 命令 ng new 并提供 my-app 名称
ng new my-app

2.运行应用
cd my-app
ng serve --open

总结
提示：
–open（或者只用 -o 缩写）选项会自动打开你的浏览.

			
		

	





	

		

			

				
					
angular快速开发之脚手架搭建

				
			

			

				

					追梦猪的博客
				

				

					10-11
					
					390
					
				

			

		

		

			
				

                                                    1. 检查电脑是否安装在cmd中输入（请先在终端/控制台窗口中运行命令 node-v 和 npm-v， 来验证一下你正在运行node 8.x 和npm 5.x 以上的版本。 更老的版本可能会出现错误，更新的版本则没问题。）node版本号node–v
npm版...

			
		

	





	

		

			

				
					
Angular 2 实验1：Windows 7上安装执行环境

				
			

			

				

					小小木屋
				

				

					04-10
					
					3840
					
				

			

		

		

			
				
亲身实验记录

			
		

	





	

		

			

				
					
Angular2脚手架与Webpack编译技巧

				
			

			

				

					
				

			

		

		

			
				
资源摘要信息:"Angular2快速脚手架使用webpack进行编译"  知识点:  1. Angular2的基本介绍: Angular2是谷歌的开发者推出的一款开源的前端框架，用于构建动态Web应用。它是一个重新设计的框架，和AngularJS相比，它在...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值