一、学习基础angular
在硬盘中建立一个文件命名为angular
在cmd中cd跳转到该文件目录中
输入命令
ng new angulardemo01
显示 Would you like to add angular routing(y/N)是在文创建项目时是否需要增加路由
创建时遇到问题
安装脚手架时用cnmp会提示settimeout is not defined
解决方法:把装好的脚手架卸载,并重新用npm安装即可解决
定义项目名称、版本、各种依赖,学习如何创建组件并相互调用
二、跟着教程文档跑一遍英雄之旅
根据官网给出的教程以及步骤解释,一步一步跑一遍英雄之旅的流程,进一步对angular的操作在实践中进行完善。
三、跟随教程安装tailcsswindcss
npm install tailwindcss postcss-cli autoprefixer
在与同学交流中了解到需要在官网中下载正确版本
创建项目,并进入该文件夹
ng new my-project
cd my-project
进入创建好的项目中,并进行安装
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init
module.exports={
content:[
"./src/**/*.{html,ts}",
],
theme:{
extend:{},
},
plugins:[],
}
四、根据哔哩哔哩教学视频,结合官方网站的教学继续学习
在学习过程中做好相应笔记,并记录遇到的问题