前端学习笔记1—初始准备

工程目录结构：
结构一：

前端工程目录结构.png

结构二(用Hbuilder创建的)：

image.png

VsCode插件应用：（Vue，部分有冗余）
Vetur
EsLint
Debugger for Chrome
Auto Close Tag
Auto Rename Tag
JavaScript(ES6) code snippets
JavaScript Snippet Pack
HTML Snippets
Path Intellisense
HTML CSS Support
Bracket Pair Colorizer
open in browser
LiveServer
Vue 3 Snippets
Eclipse Keymap（改快捷键json没成功，这个有用）

教程中使用：
搜css -> 下Beautify
搜chi -> 中文语言包
搜html-> Html Css support
搜liveserver->Live Server
搜Vetur->Vetur

Hbuilder
语法校验插件：
https://hx.dcloud.net.cn/Tutorial/OfflineInstall

开发React的VS插件
React Redux ES6 Snippets
React-Native/React/Redux snippets for es6/es7
JavaScript (ES6) code snippets
Typescript React code snippets
One Dark Pro
vscode-icons
Beautify css/sass/scss/less
npm Intellisense
Path Intellisense
cssrem
CSS Modules
Name: Sync Settings
Sync Settings