前段框架测试（一）-Clever运行起来

昨晚将初老师给的前端样式模板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服务器来访问网站。