vscode

TypeScript 安装

左心房为你撑大大i 提交于 2020-03-05 13:00:46
TypeScript 安装 本文介绍 TypeScript 环境的安装。 我们需要使用到 npm 工具安装,如果你还不了解 npm,可以参考我们的NPM使用介绍。 NPM 安装 TypeScript 如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装: npm install -g typescript 安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号: $ tsc -v Version 3.2.2 然后我们新建一个 test.ts 的文件,代码如下: var message:string = "Hello World" console.log(message) 通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。 然后执行以下命令将 TypeScript 转换为 JavaScript 代码: tsc test.ts 这时候再当前目录下(与 test.ts 同一目录)就会生成一个 test.js 文件,代码如下: var message = "Hello World"; console.log(message); 使用 node 命令来执行 test.js 文件: $ node test.js Hello World TypeScript 转换为 JavaScript 过程如下图: Visual

vscode 常用配置

我只是一个虾纸丫 提交于 2020-03-05 07:23:05
vscode设置中文显示: 安装插件: Chinese (Simplified) Language Pack for Visual Studio Code 安装后,在 locale.json 中添加 "locale": "zh-cn" ,即可载入中文(简体)语言包。 要修改 locale.json ,你可以同时按下 Ctrl+Shift+P 打开 命令面板 ,之后输入 "config" 筛选可用命令列表,最后选择 配置语言 命令 然后重启即可 vscode主题背景: 文件 -->首选项 --> 颜色主题 可以选择自己喜欢的主题背景,也可以去下载插件 One Dark Pro 这个主题挺赞的 eslint部分: 项目用了eslint,ctrl+s的时候对编写不规范的代码进行检测和修复 1.安装插件: eslint vetur 如果用的是stylus,保存的时候也会格式化css代码,不想的话可以下这个插件进行设置 文件---》首选项--》设置,进入配置: { "editor.fontSize": 18, "workbench.colorTheme": "One Dark Pro", "window.zoomLevel": 0, //每次保存的时候自动格式化 "editor.formatOnSave": true, "editor.detectIndentation": false, /

解决vscode上运行npm命令出错

牧云@^-^@ 提交于 2020-03-05 02:07:10
一般在默认情况下再vscode中对vue项目只能执行简单的build 或者 run 命令,当我们需要在项目中安装插件时执行npm install时就会报错提示无法加载文件,这时候只需对powershell简单设置即可 以管理员身份打开powershell 执行命令:get-ExecutionPolicy,默认显示 Restricted(表示状态是禁止的) 执行命令:set-ExecutionPolicy RemoteSigned 然后输入 Y 执行命令:get-ExecutionPolicy,显示RemoteSigned即可 此时便可再vscode终端的执行 cnpm install 等命令 来源: CSDN 作者: 655永远学习 链接: https://blog.csdn.net/m_655_/article/details/104652455

Vue npm 项目构建 教程

非 Y 不嫁゛ 提交于 2020-03-04 15:28:41
文章目录 1、项目简述 2、开发环境 3、vue项目搭建 3.1、插件以及对应配置文件创建 3.1.1、nodejs、npm安装 3.1.2、babel 实现 ES6 3.1.3、webpack 3.1.4、webpack-自动打包配置 3.1.5、生成预览页面(不需要点击src才能看到预览页) 3.1.6、配置加载器 1、项目简述 这几天正在学习Vue全家桶,Vue的体系比较庞大、涉及的内容也比较多,少数几张帖子很难系统的学习Vue,在这里模拟搭建一个Vue的环境,还在学习中,如有不到还请见谅。 2、开发环境 编辑器:vsCode 推荐使用vsCode,对比了几个编辑器工具,vscode的功能最为好用。 3、vue项目搭建 3.1、插件以及对应配置文件创建 3.1.1、nodejs、npm安装 nodejs、npm安装教程请查看我之前写的这个帖子: https://blog.csdn.net/jrgdspuwij/article/details/104577548 3.1.2、babel 实现 ES6 在终端输入命令 # 第一步 npm install -- save - dev @babel / core @babel / cli @babel / preset - env @babel / node @第二步 npm install -- save @babel /

jupyter巨好玩-使用jupyter结合VScode写博客

心已入冬 提交于 2020-03-04 12:19:19
打开jupyter-ipython 其实人家就叫jupyter了,后面咱可能就少提ipython了。 # 打开命令行,让我们输入 jupyter notebook 当然,这个前提是你已经安装了jupyter并学会了基本使用,请看本系列的前两篇文章。 jupyter巨好玩-简介与安装 jupyter巨好玩-常用设置 ok,咱们继续! 这时候应该已经自动打开一个网页了,右上角有个 new 点一下,出现下拉菜单,是你的python版本,点一下,就会新建一个网页,就可以开始玩了! 如下图所示: 第一行是jupyter xxxxxxxx一堆东西,有个 Untitled 看见没? 如下图所示: 点一下,是可以编辑的,改成你想要的名字,比如我们正在写的这篇: 如下图所示: 开始写博客了 现在就已经是在jupyter的页面上写东西了。简单说说能写啥吧! 两种模式 命令模式(Esc) 在默认的输入模式下,按 Esc 可以进入命令模式,是不是和vim有点像? 代码和markdown是常用的两种:分别用 y和m 切换,前提是在命令模式下! 查看快捷键: Help-Keyboard Shortcuts 如下图所示:最常用的我给加点颜色吧! 输入模式(Enter) 在命令模式下,直接按一下回车 Enter 就进入到编辑模式了,比如咱们刚才一瞬间就是这么切换过来写文字的。 两种模式如下图所示: 写代码

vscode写snippet插件

陌路散爱 提交于 2020-03-03 18:20:11
https://segmentfault.com/a/1190000007907679 https://marketplace.visualstudio.com/manage/publishers/bool1993?noPrompt=true yeoman可以看做做项目的初始化工具,使用它你只要在命令行敲几句命令就可以一键生成项目结构,省去了你自建文件、文件夹、写各种配置文件的麻烦。 npm install -g yo 一定要安装到全局,毕竟yeoman这工具以后肯定还经常用。 以下部分参考 vscode官网的tool一文 . 安装vscode的generator(中文:生成器) npm install -g yo generator-code 这里也尽量全局,因为这个生成器不是只用一次,以后为vscode开发插件、写snippet、theme、language等扩展都用得上。 yo code 注意: 经本人尝试,不要直接用 Git bash客户端打开,要直接集成到vscode里用。否则会出现不响应上下方向键的问题。如果出了问题,请试着更换vscode皮肤再重启。 选择最后一个new code snippets. https://bool1993.visualstudio.com/_details/security/tokens 创建发布者 创建新的发布者 vsce create

关于vscode粘贴时如果圆括号内内容太长会自动换行的问题

喜夏-厌秋 提交于 2020-03-03 03:14:07
最近在用python+selenium写一个刷课脚本,在用vscode编辑的时候发现粘贴代码的时候会把原括号内的内容自动换行,感觉特别不适应,把一段代码拉得很长 一开始以为是插件的问题,排除了几个发现不是;然后目标转移到vscode配置上,最后发现是设置里 editor.formatOnPaste 的问题,该设置打勾会自动格式化粘贴的内容,取消后再粘贴就不会自动换行了 来源: CSDN 作者: rambler_w 链接: https://blog.csdn.net/xirenwang/article/details/104616280

vscode配置Python版本

纵饮孤独 提交于 2020-03-02 22:27:46
1.如果anaconda,通过anaconda安装所需Python版本 安装指定版本Python 2.配置vscode所需Python版本 配置 重启vscode 来源: CSDN 作者: O__o吗果芒要 链接: https://blog.csdn.net/u012606924/article/details/104615973

vscode运行 npm run build 报错:

淺唱寂寞╮ 提交于 2020-03-02 16:55:52
webpack编译报错提示内存溢出: 这个报错的意思就是Node内存不足所导致的。我们都知道 Node 是基于V8引擎,在一般的后端开发语言中,在基本的内存使用上没有什么限制。 但是,在 Node 中通过 JavaScript 使用内存时只能使用部分内存(64位系统下约为1.4 GB,32位系统下约为0.7 GB)所以不管你电脑实际内存多大,在node运行JavaScript打包编译的时候所使用的内存大小,并不会因为你系统的实际内存大小改变而改变。 window系统下解决办法: 在\node_modules\.bin\webpack-dev-server.cmd文件中添加 --max_old_space_size=2048 或者: 根据自己电脑内存大小,调整打包编译的时候所使用的内存大小 来源: oschina 链接: https://my.oschina.net/u/4276394/blog/3185286

vscode打开python文件不能使用 go to defination

谁说我不能喝 提交于 2020-03-02 15:39:41
原因: 缺少 python 的支持,在扩展插件里输入 python ,安装后python 插件,vscode就会自动获取已安装的python,就能使用 go to defination 功能了 其实主要原因是在当前工作的目录下没有 .vscode 文件,该文件里面有个 settings.json,settings.json 里面存放的是系统python的路径(例如博主使用 anaconda3 安装的python,路径就是 D:\ProgramData\Anaconda3\envs\keras\python.exe) VSCode 默认 单击文件是预览, 双击文件是用一个新的Tab打开。如果想关掉预览模式,单击打开文件,在设置里加入 "workbench.editor.enablePreview": false 同样在setting 里面输入下面的代码,就会自动补全括号 "python.autoComplete.addBrackets": true 这个值设置为true,就会自动带括号了 来源: oschina 链接: https://my.oschina.net/hengbao666/blog/3185183