add perttier

Author: Adherentman

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "printWidth": 100,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

README.md

@@ -1,7 +1,9 @@
-# parcel-typescript-react-example
+# parcel-typescript-react-example 👍
 
 A minimum TypeScript-react app with Parcel Bundler.
 
+Use parcel、Typescript、react、perttier.
+
 ## Source code
 
 * [index.html](index.html)
@@ -21,6 +23,8 @@ For more details, see src/.
 Launch development server.
 
 > yarn start
+>
+> yarn format //prettier
 
 ## Contributing
 
@@ -42,6 +46,7 @@ Submit a pull request :D
 
 * [github/Adherentman](https://github.com/Adherentman)
 * [blog](http://xuzihao.fun)
+
 ## License
 
 MIT © Adherentman

package.json

@@ -4,7 +4,8 @@
   "main": "src/index.tsx",
   "license": "MIT",
   "scripts": {
-    "start": "parcel index.html"
+    "start": "parcel index.html",
+    "format": "prettier --write '**/*.{tsx,ts,css,md}'"
   },
   "dependencies": {
     "@types/react": "^16.0.30",
@@ -15,6 +16,7 @@
   "devDependencies": {
     "babel-preset-react": "^6.24.1",
     "parcel-bundler": "^1.0.3",
+    "prettier": "1.10.2",
     "typescript": "^2.6.2"
   }
 }

src/App.tsx

@@ -1,20 +1,16 @@
 import * as React from 'react';
 
-class AppStateType{
+class AppStateType {}
 
-};
+class AppPropsType {}
 
-class AppPropsType{
-
-};
-
-export default class App extends React.Component<AppPropsType,AppStateType>{
-  render(){
-    return <div>
-      Hello World!
-     <div>
-	 Welcome my Github!
-     </div>   
- </div>;
+export default class App extends React.Component<AppPropsType, AppStateType> {
+  render() {
+    return (
+      <div>
+        Hello World!
+        <div>Welcome my Github!</div>
+      </div>
+    );
   }
 }

src/index.tsx

@@ -2,4 +2,4 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import App from './App';
 
-ReactDOM.render(<App/>, document.getElementById("root"));
+ReactDOM.render(<App />, document.getElementById('root'));

src/styles.css

@@ -6,4 +6,4 @@
 h1 {
   color: red;
   font-size: 18;
-}
+}

yarn.lock

@@ -2431,6 +2431,10 @@ preserve@^0.2.0:
   version "0.2.0"
   resolved "http://registry.npm.taobao.org/preserve/download/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
 
+[email protected]:
+  version "1.10.2"
+  resolved "http://registry.npm.taobao.org/prettier/download/prettier-1.10.2.tgz#1af8356d1842276a99a5b5529c82dd9e9ad3cc93"
+
 private@^0.1.7:
   version "0.1.8"
   resolved "http://registry.npm.taobao.org/private/download/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"