Angular---slide&questionTestApp项目之一（准备及学习网站）

安装的软件及环境：

• node.js官网下载
• npm
• Angular-cli 脚手架 

//安装命令
npm install -g @angular/cli

//安装失败，先卸载清楚缓存，再安装
npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/[e-mail]

 

• 安装Typescript：npm install -g typescript
• 刚开始前端开发使用的IDE是vs code，官网： Visual Studio Code
  • 插件：

    • Beautify

    • Color Picker

    • Debugger for Chrome

    • ESLint

    • GitLens — Git supercharged

    • HTML Snippets

    • IntelliSense for CSS class names in HTML

    • JavaScript (ES6) code snippets

    • markdownlint

    • Path Intellisense

    • vscode-icons

    • XML Tools

• 后续开发前端使用的IDE是Webstorm，后端使用IDEA

• 原本开发我习惯用火狐浏览器进行测试，后来换成Chrome浏览器

在“扩展”下载插件

JavaScript

• JQuery
• Popper.js浮动提示框

UI

• 前端UI库：Bootstrap
• 图标库：Fontawesome

npm

• Javascript 语法检查插件:ESLint 有利于形成编写代码的好习惯

版本控制

• 用git进行版本控制，Webstorm也有local history可以进行版本回退
• 上传到github上

万事开头难，之前在老师的引导下对html和css、JavaScript进行了大概的学习。这段时间开始自学Angular、jQuery、h5等，关于前端的框架主要有Angular、Vue、React等。在之后会对其他的框架学习进行汇总。

学习网站

W3Cschool

W3school

MDN 文档

JSON

弹性布局

前端开发结构

BEM命名规范

Angular文档

栅格布局

关于Angular的一些指令

指令

新建项目	ng new [app-name]
进入项目	cd [app-name]
运行	ng serve --open
新建组件	ng g component [name]
新建服务	ng generate service [name]
新建管道	ng g pipe [name]
新建指令	ng g directive [name]
类	ng generate class [name]
接口	ng g interface [name]
枚举	ng g enum
模块	ng g module
打包，生成dist文件夹	ng build --pro --aot