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)

angular7 项目搭建_第1张图片

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

angular7 项目搭建_第2张图片

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

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

angular7 项目搭建_第3张图片

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

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

你可能感兴趣的:(angular)