Angular7 脚手架工程初始化

1、安装nodeJs环境

一、官网：

node中文官网下载：https://nodejs.org/zh-cn/download/

node英文官网下载：https://nodejs.org/en/download/

二、检查是否安装

node -v

npm -v

Angular 须要 Node.js 的 8.x 或 10.x 版本。

三、安装Angualr CLI

npm install -g @angular/cli

可能会报错，缘由多是由于权限不足，没有权限访问你的根目录的一些文件

sudo npm install -g @angular/cli

四、建立本身的工做空间和初始化应用

ng new my-app

输入完命令以后会提示你一些本身须要用的信息，也能够选择默认，一路回车

五、启动开发服务器

能够查看本身的packge.json 文件的配置命令为哪些

六、修改服务器端口号

七、构建脚本

ng build

将src的文件通过打包、压缩入 /dist 文件,默认路径是 /

可能会致使一些生成的文件 404

将package.json 添加上 --base-href ./ 便可