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 ./ 便可