angular7 项目搭建

一、准备工作 :

1:安装nodejs ;

2:安装npm / cnpm ; 

    如果npm安装失败 建议用cnpm安装     

    npm install -g cnpm --registry=https://registry.npm.taobao.org

3:使用 npm / cnpm 命令安装angular/cli  (这个只需要安装一次即可)

    npm insatll -g @angular/cli  或者   cnpm install -g @angular/cli

二、创建angular项目:

1:可以新建空文件夹,放到 Visual Studio Code 或者 webstorm中,通过终端输入命令, 也可以直接打开命令行工具 找到你要创建项目的目录进行创建;

2:创建项目命令:
    ng new myApp    (会询问你 是否要添加路由 ,根据自己需求,如果需要可以选Y ,如果暂时不需要 可以选N)

选择过后 会弹出让你选择CSS预编译器  这里也是一样  根据自己的需求 通过上下键选择回车即可 

这个时候它会给你初步下载安装一些东西   耐心等下载完成   如果不想要它给你下载这些东西 也可以在创建项目命令后面加上         --skip-install     例如: ng new myApp  --skip-install    
3:运行项目:

* 重要的最后一步   需要进入刚刚创建的项目里 输入启动命令    

输入项目命令: ng serve --open  

然后就创建好一个angular项目 并成功运行了;

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值