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