Angular7 脚手架工程初始化

一、安装nodeJs环境

1、官网：

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

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

2、检查是否安装

node -v

npm -v

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

3、安装Angualr CLI

npm install -g @angular/cli

可能会报错，原因可能是因为权限不足，没有权限访问你的根目录的一些文件

sudo npm install -g @angular/cli

4、创建自己的工作空间和初始化应用

ng new my-app

输入完命令之后会提示你一些自己需要用的信息，也可以选择默认，一路回车

5、启动开发服务器

可以查看自己的packge.json 文件的配置命令为哪些

6、修改服务器端口号

7、构建脚本

ng build

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

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

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

 

转载于:https://my.oschina.net/wsxiao/blog/3009632