vscode-project-tree/notes.txt at master · mdda/vscode-project-tree · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
https://code.visualstudio.com/api/extension-guides/overview
https://code.visualstudio.com/api
https://vscode-ext-docs.azurewebsites.net/api/extension-guides/tree-view
https://code.visualstudio.com/docs/getstarted/userinterface
https://code.visualstudio.com/api#running-and-debugging-your-extension
https://www.typescriptlang.org/docs/handbook/tsconfig-json.html
https://www.google.com/search?q=vscode+double+click+javascript+extension&ei=fCLuW-6dEIjS8APv-ra4Bg&start=40&sa=N&ved=0ahUKEwjuy9Kt5tfeAhUIKXwKHW-9DWc4HhDw0wMIiwE&biw=1093&bih=512
https://css-tricks.com/what-i-learned-by-building-my-own-vs-code-extension/
https://www.red-gate.com/simple-talk/dotnet/net-development/writing-vs-code-extensions-typescript/
https://code.visualstudio.com/docs/languages/javascript
https://www.smashingmagazine.com/2018/01/visual-studio-code/
https://github.com/patrys/vscode-code-outline/tree/master/.vscode
https://code.visualstudio.com/api/extension-guides/tree-view
https://code.visualstudio.com/api/references/vscode-api#TreeDataProvider
https://github.com/Microsoft/vscode/blob/master/src/vs/base/parts/tree/browser/treeView.ts
https://github.com/cg-cnu/vscode-super-new-file/blob/master/src/superNewFile.ts#L23
https://code.visualstudio.com/docs/editor/extension-gallery
https://www.google.com/search?biw=1093&bih=512&ei=d3MpXKDrFMi61fAP-fWz8AM&q=vscode+extension+get+workspace+path&oq=vscode+extension+get+path&gs_l=psy-ab.3.0.0i7i30l2j0i30.5259.8596..10935...0.0..0.101.673.7j1......0....1..gws-wiz.......0i71j33i22i29i30j0i13j0i8i13i30.8WIrR-_JIQw
https://code.visualstudio.com/api/references/vscode-api#extensions


https://code.visualstudio.com/api/extension-guides/tree-view
https://marketplace.visualstudio.com/items?itemName=DaGhostman.vs-treeview
https://people.revoledu.com/kardi/tutorial/VB/lesson06/Treeview.htm
https://www.codeproject.com/Articles/23114/Working-with-TreeView-Controls

Alternatives :
https://www.maketecheasier.com/best-cross-platform-text-editors-for-programmers/
https://mashtips.com/best-text-editors-for-pc/
http://bluefish.openoffice.nl/index.html

Notebooks as code :
https://github.com/mwouts/jupytext

Markdown websites :
https://gist.github.com/johnloy/27dd124ad40e210e91c70dd1c24ac8c8
https://news.ycombinator.com/item?id=19864947


sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'
dnf install code


vscode-extension-samples/blob/master/tree-view-sample/src/testView.ts
  Explicit tree defined.  'Top-level' functions

-- not relevant? --

vscode-extension-samples/blob/master/tree-view-sample/src/ftpExplorer.ts
  More complex IO obscures essentials

vscode-extension-samples/blob/master/tree-view-sample/src/fileExplorer.ts
  Even more complex with file system watcher

vscode-extension-samples/tree-view-sample/src/jsonOutline.ts
  This looks at the current editor text to produce treeview


workspace.workspaceFolders

git clone https://github.com/Microsoft/vscode-extension-samples
cd ./vscode-extension-samples/tree-view-sample
code .
# code --enable-proposed-api mdda.vscode-project-tree .  # ??
npm install # within "Terminal - new" in VScode
# Then press 'F5' for extension debugging environment

TestView appears in Explorer view - but doesn't show anything when opened...


### Reinstall all the typescript stuff after node upgrade
sudo npm install -g typescript # This is needed, otherwise the node_modules to be included gets v large
# -> typescript@4.3.5


This seems to explain it well :
https://medium.com/@sanaajani/creating-your-first-vs-code-extension-8dbdef2d6ad9

In vscode terminal window, to execute the watch script defined in package.json:scripts, do :
npm run watch


#npm install vsce  # attempted to do this without '-g', which would have made this cleaner...
#node_modules/vsce/out/vsce package  # Bulks up node_modules


# Publishing the finished extension
#   https://code.visualstudio.com/api/working-with-extensions/publishing-extension

# Run the following line to 'compile' the vsix package:
npm install
su npm install -g vsce # This is needed, otherwise the node_modules to be included gets v large

# npm run compile # No need - it's in the vsce:prepublish
vsce package
# -->  vscode-project-tree-0.0.X.vsix

vsce ls # Check that our local modules get included

code --install-extension ./vscode-project-tree-0.0.7.vsix