mac电脑如何实现在终端输入vscode打开vscode
场景:
在终端输入vscode . 回车后使用vscode打开当前文件夹
1-打开vscode
command + shift + p 打开命令行,输入code, 点击高亮处
1- 打开文件.bash_profile
vim ~/.bash_profile
键盘按键i页面出现INSERT,进入编辑模式,使用上下左右键移动光标到需要修改的位置
2- 输入下面配置
esc 退出编写模式,输入 :wq 退出vim
3- 重新运行修改后的文件.bash_profile
source ~/.bash_profile
4- 终端输入vscode 项目目录 即可使用vscode打开该项目
在访达中找到vscode,右击查看包内容
会看到文件夹contents点击进入,按路径Contents/Resources/app/bin/code会找到code
拖code到终端或文件中会自动填入安装目录
vscode怎么运行代码
1、通过快捷方式打开Visual Studio Code工具,然后新建静态页面。
2、创建一个静态页面table.html,并添加页面代码,然后保存,使用浏览器查看。
3、点击File菜单,选择Open Folder,将项目导入到Visual Studio Code。
4、导入进去后,查看项目所依赖的包是否安装,项目配置文件。
5、新建一个终端窗口,在命令行输入npm run dev运行项目。
6、再点击File,然后新建一个TypeScript文件ct.ts,添加对应的代码。
7、打开一个终端窗口,查看是否安装TypeScript插件,利用tsc命令运行文件。
在终端中使用vscode打开文件或者文件夹
在mac进行开发的时候,有时候项目的目录在访达中不好找到。在终端中进行查找的时候就比较方便,一个 cd 命令可以切到任何位置。
但是将项目目录从加入到编辑器中就比较费劲了。
目前发现了一个特别好玩的东西,就是vscode可以注入code命令,在终端使用code命令打开相应的目录或文件,非常方便。
首先打开vscode软件。
同时按住 shift + command + P 打开命令面板。
找到 Install ‘code' command in PATH ,并执行。
那么就可以在终端执行命令了。
比如我要打开nginx.conf。
那么就可以在终端执行:
打开目录:
code 还有其他命令选项:
命令行打开vscode
操作步骤如下:
1.进入vscode,调取command+shift+p
2.输入shell command ,选择提示点击提示Shell Command: Install ‘code’ command in PATH运行
3.安装完毕,打开命令行进入任意文件夹输入 code .