标签:lang tar 初始化 bsp 访问 ase ref pen 学习
cnpm i -g @angular/cli // 安装 angular cli
和vue一样都需要 npm 和 node 环境,如果之前装过就不费事了。
ng new app-name // 初始化应用
这里是使用脚手架创建应用,只询问了是否需要安装路由
npm run start // 启动项目
或者
ng serve --open // 启动项目
一个是npm 命令 一个是 cli命令
npm run build // 打包项目
将 angular 打包部署到服务端上,如果是访问域名的更目录则正常。如果是子目录,则访问不到所需文件,需要在 index.html里面设置
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>MyAngularApp</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body> <app-root></app-root> </body> </html>
改为
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>MyAngularApp</title> <base href="./"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body> <app-root></app-root> </body> </html>
仅学习记录。主要是对打包项目部署服务端,文件资源访问不到的问题
标签:lang tar 初始化 bsp 访问 ase ref pen 学习
原文地址:https://www.cnblogs.com/lankongclub/p/11419284.html