Angular4.x学习之路分享【1】--项目的框架搭建
首先说点题外的废话,本人大四代码狗,进入公司实习后,使用angular4框架开发公司项目,一开始我是一脸懵逼的,相信你能脑补这个画面,因为当时我还停留在Angular JS阶段,也就是1.0时代,随着后续的学习接触,我才知道这完全是俩个框架啊,但话说回来,这个框架是真的好用啊,宝贝!话不多说,开始分享干货,这是一个持续分享的专题,我会慢慢更新后续,希望感兴趣的小伙伴一起讨论交流~ 1. 项目搭建前的准备工作一、安装node(自己去官网下载安装,我就不多说了) cnpm i -g @angular/cli 其中cnpm为国内的淘宝镜像,安装速度会快一点,原因嘛,你懂得,附上网址:https://npm.taobao.org/,好吧,就知道你们不会去看,附上安装命令: npm install -g cnpm --registry=https://registry.npm.taobao.org 2.创建你的angular项目一、具体的指令为: ng new 项目名 比如说我的项目名叫project,那么指令就是 ng new project cnpm install 或者yarn install 三、运行你的项目 ng serve --open --open表示在你的浏览器中自动打开4200端口,懒人专用~爱用不用
结尾:好了到这里整个angular4项目就搭建好了,是不是感觉很容易,下一章我会分享一下整个项目的目录结构,以及相关常用的指令,顺便说一句,本人用的是vs code,玩angular你就用这个,不要问为什么,就是好用,最后贴上它的一些插件,随你搭配吧,拜拜:
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |