2。创建第一个angular应用,已经开发前的一些配…
2018-06-24 01:06:56来源:未知 阅读 ()
现在我们开始新建一个angular5的脚手架 。
到想要建项目的目录下。比如我的 在 D:\JsProjects
进入cmd或者powershell cd 进入该文件夹下
然后开始新建,ng new 项目名
当然第一次,会有点慢。这个过程如果出错,设置淘宝的Npm镜像。
可以了,只要不报ERR就行了,警告可以无视。
现在你可以npm start 来运行该项目了。
首先进入项目的文件夹 。
cd demo1
输入 npm start
ok,angular 应用已经开启了,运行在 http://localhost:4200 上
接下来我们来看一下他的目录吧。
只用webstorm打开该文件夹 。
你可以看到。angular-cli已经 帮我们创建了一些基本的文件。
一般来说,不需要我们主动的修改这些文件,我们只修改src文件夹下的代码就能非常好的开发一个angular应用。
将刚刚powershell关闭,否则会有端口冲突。
当然首先把这个取消掉,tslint。不太需要吧。一些代码的强制规范。我是不太喜欢的。
当然webstrom 的默认字体是非常难看的。
用这个字体吧。至少看起来比较舒服。
ok,为当前项目配置一个启动。
编辑配置,添加一个新的配置文件。选择npm
OK,只需要按照以下配置,Name是随便取的。Command 选择start 。
保存就够了。
点击绿色小箭头就够了。
OK,开发前的一些配置,就差不多完了,下一节开始开发angular。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 默认让页面的第一个控件选中的javascript代码 2020-02-20
- JavaScript创建对象的三种方法 2020-02-14
- AngularJS实现标签页的两种方式 2019-12-29
- Angular.js中定时器循环的3种方法 2019-12-14
- jQuery简单创建节点的方法 2019-11-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash