博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angular4.x学习之路分享【1】--项目的框架搭建
阅读量:6899 次
发布时间:2019-06-27

本文共 751 字,大约阅读时间需要 2 分钟。

首先说点题外的废话,本人大四代码狗,进入公司实习后,使用angular4框架开发公司项目,一开始我是一脸懵逼的,相信你能脑补这个画面,因为当时我还停留在Angular JS阶段,也就是1.0时代,随着后续的学习接触,我才知道这完全是俩个框架啊,但话说回来,这个框架是真的好用啊,宝贝!话不多说,开始分享干货,这是一个持续分享的专题,我会慢慢更新后续,希望感兴趣的小伙伴一起讨论交流~

1. 项目搭建前的准备工作

一、安装node(自己去官网下载安装,我就不多说了)

二、安装项目脚手架angular cli,安装命令为

cnpm i -g @angular/cli

其中cnpm为国内的淘宝镜像,安装速度会快一点,原因嘛,你懂得,附上网址:,好吧,就知道你们不会去看,附上安装命令:

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

2.创建你的angular项目

一、具体的指令为:

ng new 项目名

比如说我的项目名叫project,那么指令就是 ng new project

二、依赖包的安装
1.进入到你的项目目录中
2.安装依赖:

cnpm install 或者yarn install

三、运行你的项目

1、具体指令为:

ng serve --open

--open表示在你的浏览器中自动打开4200端口,懒人专用~爱用不用

2、运行成功的截图如下:

clipboard.png

clipboard.png

结尾:好了到这里整个angular4项目就搭建好了,是不是感觉很容易,下一章我会分享一下整个项目的目录结构,以及相关常用的指令,顺便说一句,本人用的是vs code,玩angular你就用这个,不要问为什么,就是好用,最后贴上它的一些插件,随你搭配吧,拜拜:

clipboard.png

转载地址:http://mfcdl.baihongyu.com/

你可能感兴趣的文章
Android 开发之 布局控件的各个属性
查看>>
实现table、列表隔行换色
查看>>
Mysql 1418 - This function has none of DETERMINISTIC
查看>>
JavaScript 03 - 输出
查看>>
RN 高阶组件,有状态组件,无状态组件,以及组件之间的交互
查看>>
QuickText for Notepad++
查看>>
ASP.NET中IsPostBack详解
查看>>
JDBC--BLOB
查看>>
【Qt笔记】信号槽
查看>>
JAVA中如何去除字符串前后的全角空格(当中保留)(轉)
查看>>
微信小程序常见错误及基本排除方法
查看>>
docker简介
查看>>
iOS 7 交互界面设计总结
查看>>
发布Hourlog 0.01:一个以小时为单位的任务计时工具
查看>>
轻量级 Java Web 框架全局类图
查看>>
再论代码生成器
查看>>
Nginx安全加固配置手册
查看>>
NSString属性什么时候用copy,什么时候用strong?
查看>>
Android Gradle 隐形依赖的奇怪案例
查看>>
如何书写高质量的jQuery代码
查看>>