角4环境准备与角cli创建项目详解 - 行业资讯 - 肥雀云

本文介绍的是为Angular4.0准备环境和学会使用角cli来创建项目的相关内容,分享出来供大家参考学习,需要的朋友们下面来一起看看详细的介绍:

1)在开始工作之前我们必须设置好开发环境,如果你的机器上还没有安装节点。js和npm,请安装他们
　　(这里特别推荐使用淘宝的镜像cnpm,记得以后把npm的指令改为cnpm就可以了)

　　　　　　npm安装- g cnpm——注册表=https://registry.npm.taobao.org 　　　　

然后我们可以通过<代码>节点- v 和<代码> cnpm - v> 　　　　　　节点- v 　　cnpm - v 　　　　

2)安装全局角cli

　　　　　　cnpm安装- g @angular/cli 　　　　

打开终端窗口(这里我使用的是webstorm的终端,也可以使用计算机自带的powershell)

　　　　　　ng新的app 　　　　

项目会很快创建完成,接下来你会看到

　　　　　　安装包工具通过npm 　　　　

这里如果你选这了淘宝的cnmp镜像,应该最好在安装完全局角cli后设置一下,保证正常下载工具

　　　　　　ng组全球packageManage=cnpm 　　　　

然后我们的项目就创建完成了

角4环境准备与角cli创建项目详解

我们会发现在文档中有很多文件,这里参考角官方文档,以便认识这些文件的作用。

这里我使用webstorm的终端,直接在终端操作

　　　　　　cnpm安装引导——保存　　cnpm安装jquery——保存　　　　

我们在项目中就添加了引导和jQuery,我们可以在node_modules文件夹中找到他们(这个文件夹放的是第三方库),
　　

然后我们需要操作.angular-cli.json文件,把引导和jQuery添加进去:

角4环境准备与角cli创建项目详解

这里需要注意的是:因为角用的是微软开发的打印稿语言,我们需要在终端做下面的操作,以便让打印稿认识引导和jQuery一些字符(比如jQuery的$):

　　　　　　cnpm安装@types/引导——save-dev 　　cnpm安装@types/jquery——save-dev 　　　　

这样我们就在项目中正常使用引导和jQuery了

　　　　　　ng g分量导航条　　　　

启动项目我们可以直接通过:

　　　　　　ng服务　　　　

或者是　　　　　　npm开始　　　　

这两个的默认端口都是4200:http://localhost: 4200
　　

这里你也可以修改默认的端口:

　　　　　　ng服务- p 3000 　　　　

用角cli创建的项目会有很多文件,我们就需要打包后再发行:

　　　　　　ng构建　　　　

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。