昨晚将初老师给的前端样式模板Clever运行起来,我们打算使用的Clever中Angular4部分是用Angular CLI发布的,所以搭建环境步骤如下:
1.安装Node.js,没有难度
2.安装Git,虽然不一定必要(不知道是不是在其它安装的软件中已经集成,但是还是显式地安装一下,起码保证是最新版),没有难度。
3.安装Augular CLI,参考的文章是angular 2.0 关于新版angular-cli的应用
-
npm install -g cnpm这是用国内源替换掉原生的安装器,具体网上可以随便查到,阿里的源。如果用原生的源可能会产生各种问题。 -
cnpm install -g @angular/cli因为以前的angular包是用angular-cli去命名的,这里比较重要,需要重点区分一下。--save-dev这个参数我没带,不知道会不会有什么说法。 -
ng --version查看版本号 -
ng help帮助 -
ng new proj_name创建新的工程
4.安装原工程
-
cnpm install这一步会生成node_modules文件夹,会把依赖全部下载下来 -
ng serve启动服务器,在浏览器中访问http://localhost:4200即可访问。也可在命令中加入参数--port 8080来指定端口号。 - 这是开发环境,所以好像并不能使用回环地址之外的地址去访问,如果想在别的机器上访问,就需要将工程发布。
-
ng build命令会发布工程,在工程根目录下生成dist目标目录,将dist目录复制到nginx服务器html目录下就能使用nginx充当web服务器来访问网站。