├── .idea
    ├── TypeScript.iml
    ├── encodings.xml
    ├── misc.xml
    ├── modules.xml
    ├── vcs.xml
    └── workspace.xml
├── README.md
└── src
    └── A-demo-userTypeScript
        ├── index.js
        └── index.ts


/.idea/TypeScript.iml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <module type="WEB_MODULE" version="4">
 3 |   <component name="NewModuleRootManager">
 4 |     <content url="file://$MODULE_DIR$">
 5 |       <excludeFolder url="file://$MODULE_DIR$/.tmp" />
 6 |       <excludeFolder url="file://$MODULE_DIR$/temp" />
 7 |       <excludeFolder url="file://$MODULE_DIR$/tmp" />
 8 |     </content>
 9 |     <orderEntry type="inheritedJdk" />
10 |     <orderEntry type="sourceFolder" forTests="false" />
11 |   </component>
12 | </module>


--------------------------------------------------------------------------------
/.idea/encodings.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="Encoding" addBOMForNewFiles="with NO BOM" />
4 | </project>


--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="JavaScriptSettings">
4 |     <option name="languageLevel" value="ES6" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectModuleManager">
4 |     <modules>
5 |       <module fileurl="file://$PROJECT_DIR$/.idea/TypeScript.iml" filepath="$PROJECT_DIR$/.idea/TypeScript.iml" />
6 |     </modules>
7 |   </component>
8 | </project>


--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="$PROJECT_DIR$" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/workspace.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <project version="4">
  3 |   <component name="ChangeListManager">
  4 |     <list default="true" id="cb91f243-29a6-4d76-87b7-9b79937cb91d" name="默认" comment="">
  5 |       <change afterPath="$PROJECT_DIR$/src/A-demo-userTypeScript/index.ts" afterDir="false" />
  6 |       <change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
  7 |     </list>
  8 |     <ignored path="$PROJECT_DIR$/.tmp/" />
  9 |     <ignored path="$PROJECT_DIR$/temp/" />
 10 |     <ignored path="$PROJECT_DIR$/tmp/" />
 11 |     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
 12 |     <option name="SHOW_DIALOG" value="false" />
 13 |     <option name="HIGHLIGHT_CONFLICTS" value="true" />
 14 |     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
 15 |     <option name="LAST_RESOLUTION" value="IGNORE" />
 16 |   </component>
 17 |   <component name="FileEditorManager">
 18 |     <leaf>
 19 |       <file pinned="false" current-in-tab="true">
 20 |         <entry file="file://$PROJECT_DIR$/src/A-demo-userTypeScript/index.ts">
 21 |           <provider selected="true" editor-type-id="text-editor">
 22 |             <state relative-caret-position="200">
 23 |               <caret line="8" column="9" selection-start-line="8" selection-start-column="9" selection-end-line="8" selection-end-column="23" />
 24 |             </state>
 25 |           </provider>
 26 |         </entry>
 27 |       </file>
 28 |     </leaf>
 29 |   </component>
 30 |   <component name="Git.Settings">
 31 |     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
 32 |   </component>
 33 |   <component name="IdeDocumentHistory">
 34 |     <option name="CHANGED_PATHS">
 35 |       <list>
 36 |         <option value="$PROJECT_DIR$/README.md" />
 37 |         <option value="$PROJECT_DIR$/src/A-demo-userTypeScript/index.ts" />
 38 |       </list>
 39 |     </option>
 40 |   </component>
 41 |   <component name="ProjectFrameBounds">
 42 |     <option name="x" value="1912" />
 43 |     <option name="y" value="-8" />
 44 |     <option name="width" value="1936" />
 45 |     <option name="height" value="1056" />
 46 |   </component>
 47 |   <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
 48 |   <component name="ProjectView">
 49 |     <navigator proportions="" version="1">
 50 |       <foldersAlwaysOnTop value="true" />
 51 |     </navigator>
 52 |     <panes>
 53 |       <pane id="Scope" />
 54 |       <pane id="ProjectPane">
 55 |         <subPane>
 56 |           <expand>
 57 |             <path>
 58 |               <item name="TypeScript" type="b2602c69:ProjectViewProjectNode" />
 59 |               <item name="TypeScript" type="462c0819:PsiDirectoryNode" />
 60 |             </path>
 61 |           </expand>
 62 |           <select />
 63 |         </subPane>
 64 |       </pane>
 65 |     </panes>
 66 |   </component>
 67 |   <component name="PropertiesComponent">
 68 |     <property name="WebServerToolWindowFactoryState" value="false" />
 69 |     <property name="last_opened_file_path" value="$PROJECT_DIR$" />
 70 |     <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
 71 |     <property name="nodejs_npm_path_reset_for_default_project" value="true" />
 72 |     <property name="ts.external.directory.path" value="F:\webstrom\WebStorm 2018.3.5\plugins\JavaScriptLanguage\jsLanguageServicesImpl\external" />
 73 |   </component>
 74 |   <component name="RunDashboard">
 75 |     <option name="ruleStates">
 76 |       <list>
 77 |         <RuleState>
 78 |           <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
 79 |         </RuleState>
 80 |         <RuleState>
 81 |           <option name="name" value="StatusDashboardGroupingRule" />
 82 |         </RuleState>
 83 |       </list>
 84 |     </option>
 85 |   </component>
 86 |   <component name="SvnConfiguration">
 87 |     <configuration />
 88 |   </component>
 89 |   <component name="TaskManager">
 90 |     <task active="true" id="Default" summary="Default task">
 91 |       <changelist id="cb91f243-29a6-4d76-87b7-9b79937cb91d" name="默认" comment="" />
 92 |       <created>1568101435206</created>
 93 |       <option name="number" value="Default" />
 94 |       <option name="presentableId" value="Default" />
 95 |       <updated>1568101435206</updated>
 96 |       <workItem from="1568101441538" duration="624000" />
 97 |     </task>
 98 |     <servers />
 99 |   </component>
100 |   <component name="TimeTrackingManager">
101 |     <option name="totallyTimeSpent" value="624000" />
102 |   </component>
103 |   <component name="TodoView">
104 |     <todo-panel id="selected-file">
105 |       <is-autoscroll-to-source value="true" />
106 |     </todo-panel>
107 |     <todo-panel id="all">
108 |       <are-packages-shown value="true" />
109 |       <is-autoscroll-to-source value="true" />
110 |     </todo-panel>
111 |   </component>
112 |   <component name="ToolWindowManager">
113 |     <frame x="1912" y="-8" width="1936" height="1056" extended-state="0" />
114 |     <layout>
115 |       <window_info id="Favorites" side_tool="true" />
116 |       <window_info content_ui="combo" id="Project" order="0" visible="true" weight="0.13751318" />
117 |       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
118 |       <window_info anchor="bottom" id="TypeScript" />
119 |       <window_info anchor="bottom" id="Docker" show_stripe_button="false" />
120 |       <window_info anchor="bottom" id="Version Control" weight="0.329718" />
121 |       <window_info anchor="bottom" id="Terminal" weight="0.329718" />
122 |       <window_info anchor="bottom" id="Event Log" side_tool="true" />
123 |       <window_info anchor="bottom" id="Message" order="0" />
124 |       <window_info anchor="bottom" id="Find" order="1" />
125 |       <window_info anchor="bottom" id="Run" order="2" />
126 |       <window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
127 |       <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
128 |       <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
129 |       <window_info anchor="bottom" id="TODO" order="6" weight="0.329718" />
130 |       <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
131 |       <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
132 |       <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
133 |     </layout>
134 |   </component>
135 |   <component name="TypeScriptGeneratedFilesManager">
136 |     <option name="version" value="1" />
137 |   </component>
138 |   <component name="Vcs.Log.Tabs.Properties">
139 |     <option name="TAB_STATES">
140 |       <map>
141 |         <entry key="MAIN">
142 |           <value>
143 |             <State>
144 |               <option name="RECENTLY_FILTERED_USER_GROUPS">
145 |                 <collection />
146 |               </option>
147 |               <option name="RECENTLY_FILTERED_BRANCH_GROUPS">
148 |                 <collection />
149 |               </option>
150 |               <option name="COLUMN_ORDER">
151 |                 <list>
152 |                   <option value="0" />
153 |                   <option value="1" />
154 |                   <option value="2" />
155 |                   <option value="3" />
156 |                 </list>
157 |               </option>
158 |             </State>
159 |           </value>
160 |         </entry>
161 |       </map>
162 |     </option>
163 |   </component>
164 |   <component name="editorHistoryManager">
165 |     <entry file="file://$PROJECT_DIR$/../javaScript/README.md">
166 |       <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
167 |         <state split_layout="SPLIT">
168 |           <first_editor relative-caret-position="-4200" />
169 |           <second_editor />
170 |         </state>
171 |       </provider>
172 |     </entry>
173 |     <entry file="file://$PROJECT_DIR$/README.md">
174 |       <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
175 |         <state split_layout="SPLIT">
176 |           <first_editor relative-caret-position="275">
177 |             <caret line="11" column="36" lean-forward="true" selection-start-line="11" selection-start-column="36" selection-end-line="11" selection-end-column="36" />
178 |           </first_editor>
179 |           <second_editor />
180 |         </state>
181 |       </provider>
182 |     </entry>
183 |     <entry file="file://$PROJECT_DIR$/src/A-demo-userTypeScript/index.ts">
184 |       <provider selected="true" editor-type-id="text-editor">
185 |         <state relative-caret-position="200">
186 |           <caret line="8" column="9" selection-start-line="8" selection-start-column="9" selection-end-line="8" selection-end-column="23" />
187 |         </state>
188 |       </provider>
189 |     </entry>
190 |   </component>
191 | </project>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # TypeScript
 2 | 为了vue3.0进阶TypeScript
 3 | 
 4 | ## 安装TypeScript
 5 | >通过npm(node.js)来进行安装
 6 | 
 7 | >安装Visual Studio的TypeScript插件
 8 | ```js
 9 |  npm install -g typescript
10 | ```
11 | ## 参考文档
12 | https://www.tslang.cn/docs/home.html
13 | 
14 | # 入门文档（强力推荐）
15 | https://ts.xcatliu.com/
16 | 


--------------------------------------------------------------------------------
/src/A-demo-userTypeScript/index.js:
--------------------------------------------------------------------------------
1 | function greeter(person) {
2 |     return "Hello, " + person;
3 | }
4 | var user = "LaoTie";
5 | document.body.innerHTML = greeter(user);
6 | //我们使用了.ts扩展名，但是这段代码仅仅是JavaScript而已。 你可以直接从现有的JavaScript应用里复制/粘贴这段代码。
7 | //在命令行中运行tsc greeter.ts   （可以使用vs-code）也可以使用webStrom中的Terminal
8 | 


--------------------------------------------------------------------------------
/src/A-demo-userTypeScript/index.ts:
--------------------------------------------------------------------------------
 1 | function greeter(person:string) {
 2 |     return "Hello, " + person;
 3 | }
 4 | 
 5 | let user = "LaoTie";
 6 | // let user = [1,2,3]  //如过传的是数组类型会报错哦
 7 | 
 8 | document.body.innerHTML = greeter(user);
 9 | //我们使用了.ts扩展名，但是这段代码仅仅是JavaScript而已。 你可以直接从现有的JavaScript应用里复制/粘贴这段代码。
10 | //在命令行中运行tsc index.ts   
11 | 


--------------------------------------------------------------------------------