NodeJS,MongoDB,Vue,VSCode 集成学习 开源项目地址:http://www.mangdot.com…

时间2019.9月 1. 安装 nodeJS; 安装VScode 安装好nodeJS之后,默认会安装好npm 测试 nodeJS 和npm是否可以执行 node -v npm -v 1.1 VScode 相关插件安装 ESLint 1.9.1;  LiveServer 5.6.1 (2019.9)  open in browser 2.0.0 ;   Vetur 0.22.3 格式化代码插件 : Prettier-Code formatter 需要有简单的配置操作 "editor.formatO…

nodejs安装配置 1.下载 地址:https://nodejs.org/en/ 2.默认安装 安装完成后,执行npm -v 出现版本号则表示安装成功. 3.配置 在node安装目录下新建两个文件夹node_global和node_cache 配置npm全局模块的存放路径以及cache的存放路径,执行如下命令: npm config set prefix "D:\Program Files\nodejs\node_global" npm config set prefix "…

E:\Html\4 Vue版>npm config set registry https://registry.npm.taobao.org E:\Html\4 Vue版>npm i > chromedriver@2.30.1 install E:\Html\4 Vue版\node_modules\chromedriver > node install.js Downloading https://chromedriver.storage.googleapis.com/2.30/c…

1.vscode中安装px2rem 2.打开settings.json ,新增  "px2rem.rootFontSize": 75, 3.重启vscode 4.可以转换了…

1.选择“文件 -> 首选项 -> 用户代码片段”,此时,会弹出一个搜索框,输入vue      选择vue后,编辑器会自动打开一个名字为vue.json的文件 2.复制以下内容到这个文件中: { "Print to console": { "prefix": "vue", //写成自己满意的前缀(name) "body": [ "<template>", " <di…

"vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "auto" }, "prettyhtml": { "printWidth": 100, "singleQuote": false, "wrapAttributes": false,…

vscode vue VsCode算是比较热门的一个代码编辑器了,全名Visual Studio Code下载地址:点我去下载插件众多,功能齐全,我在平常开发过程中都是用的它,整理了些自认好用的插件, 自己也记录下,万一以后换电脑了捏…

vscode 的插件 必须 Chinese (Simplified) Language Pack for Visual Studio Code Markdown Preview Enhanced Debugger for Chrome Material Icon Theme Material Theme IntelliJ IDEA Keybindings Prettier - Code formatter 一个代码格式化工具 Prettify JSON 一个 JSON 格式化工具 open in…

先安装 1 npm i -S eslint-plugin-vue .eslintrc下 1 2 3 "plugins": [     "vue" ] vscode首选项 添加 1 2 3 4 5 6 7 8 "eslint.autoFixOnSave": true, "eslint.validate": [     "javascript",{         "language": &…

VScode 好用插件集合(一) 什么是VScode Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮.智能代码补全.自定义快捷键.括号匹配和颜色区分.代码片段.代码对比 Diff.GIT命令 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化.软件跨平台支持 Win.Mac 以及 Linux,运行流畅,可谓是微软的良心之作...... VSCode 下载地址:https://code…

一.环境安装 软件安装: nodejs https://nodejs.org/en/ vscode https://code.visualstudio.com/docs/?dv=win python-2.7.15 https://pan.baidu.com/s/1LBqkL6PYXpa1LrUHLdLteQ Node.js环境安装 参考该链接(很详细):https://www.cnblogs.com/zhouyu2017/p/6485265.html vscode推荐插件 Auto Close…

1.安装 进入官网下载https://code.visualstudio.com/ 一直下一步就好了,中间可以选择把软件安装在哪个目录. 2.常用插件安装 a. 进入扩展视图界面安装/卸载 a1.快捷键:Ctrl+shift+x: a2.查看——>扩展: a3.点左侧边框的扩展图标按钮进入.(最下面的正方形图标) 在顶部搜索框输入你需要的扩展插件,找到之后在扩展插件后面的选项中点击[安装]即可,需要卸载扩展只需要点[卸载]即可. 扩展下载安装完毕之后需要点击[启用]才生效,有些扩展需要重启编辑器…

软件下载: nodejs https://nodejs.org/en/ vscode https://code.visualstudio.com/docs/?dv=win python-2.7.15 https://pan.baidu.com/s/1LBqkL6PYXpa1LrUHLdLteQ Node.js环境安装 参考该链接(很详细):https://www.cnblogs.com/zhouyu2017/p/6485265.html vscode推荐插件 Auto Close Tag, Au…

sublime用了好多年一直没有换掉 它的体积小运行启动快用着一直很顺手,而且也有不少的插件可以去安装, 而相对于vscode 开始觉得他启动慢有点笨重的感觉,可能是我电脑原因用着卡卡的所以一直没换成这个, 但是现在大部分前端开发人员都在用这个 于是又用上了一段时间,特别喜欢它的可以整理文件夹折叠 对于我这个喜欢折叠文件的人来说 这个功能比sublime省了不少事 比较下来写下心得, 两者的差异网上各有千秋, 本文只记录下两者的使用方法 sublime3插件安装 一:可以直接下载安装包解压缩到P…

https://code.visualstudio.com/docs?start=true 一.常用快捷键:参考:https://blog.csdn.net/liwan09/article/details/81775753 Ctrl+K+S:显示并搜索键盘快捷键: Ctrl+Shift+Tab:导航编辑器组历史纪录: Alt+ ← / →:导航后退/前进: Ctrl+Shift+\:跳转到匹配的括号: Ctrl+↑ / ↓:上下滚动行(光标不动): Ctrl + \:拆分编辑器: Alt+PgU…

--------------------- 作者:JayveeWong 来源:CSDN 原文:https://blog.csdn.net/weixin_42776111/article/details/86483630 版权声明:本文为博主原创文章,转载请附上博文链接! 什么是VScode Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮.智能代码补全.自定义快捷键.括号匹配和颜色区分.代码片…

vs常用公共插件 Auto Close Tag 自动闭合标签 Auto Rename Tag 自动重命名标签 AutoFileName 自动联想文件名 Autoprefixer 自动兼容前缀 Auto Close Tag 自动闭合标签 Beautify 编辑器格式化 Better Comments 通过使用警告.信息.待办事项等注释来改进代码注释! Bookmarks 代码导航 Bracket Pair Colorizer Chinese (Simplified) Language Pack f…

工欲善其事,必先利其器,安利一波前端插件. Chinese (Simplified) Language Pack for Visual Studio CodeVScode汉化插件 Beautify代码自动美化插件 Bracket Pair Colorizer括号有颜色容易区分的插件 vscode-icons文件图标插件 open in browser打开浏览器插件 Prettier代码格式化插件 Quokka是一个调试工具插件,能够根据你正在编写的代码提供实时反馈,方便demo操作 Path I…

1.ssh配置 1.1 进入命令行 win + r  > cmd 1.2 输入如下代码直接回车即可生成ssh  ssh-keygen -t rsa -C "xxx@qq.com" 1.3 命令行输入cd .ssh进入目录,按下tab切换到 id_rsa.pub 文件回车即可打开 , 复制内容(key)打开github,Settings > SSH and GPG keys > New SSh keys 将复制的内容(key)粘贴到Key中,取个title即可 2.vs…

Typescript & React & Vue Typescript & React https://facebook.github.io/create-react-app/docs/adding-typescript https://www.typescriptlang.org/docs/handbook/react-&-webpack.html https://github.com/microsoft/TypeScript-React-Starter https://…

查找和替换: 查找:Ctrl +F 查找和替换:Ctrl +H编辑器和窗口管理相关快捷键: 文件之间切换:Ctrl+Tab 关闭当前窗口:Ctrl+W /Ctrl +F4 切出一个新的编辑器窗口(最多3个):Ctrl+\ 切换左中右3个编辑器窗口的快捷键:Ctrl+1 ,Ctrl+2,Ctrl+3 新建文件:Ctrl +N 重构代码: 找到所有的引用:Shift+F12 同时修改本文件中所有的匹配:Ctrl+F2 跳转到下一个Error或者Warning:当有多个错误时,可以按F8最近打开:Ct…

1.IntelliJ IDEA Keybindings   -IDEA风格的 快捷键,熟悉JetBrain全家桶的不要错过: 2.Vue VSCode Snippets    -写Vue时好用的快捷键 vb 生成模板,vm生成方法,vm生成组件,vd生成data等等: 3.HTML CSS Support            -VsCode对Html Css的支持 4.Auto Close Tag       自动补全插件 5.Vue Helper  -提示ElmentUI中的标签 //TOD…

前言 本文主要介绍在VisualStudioCode下开发Vue. Nodejs.Npm.Vue的项目搭建参考下面文章. 用后台开发的逻辑理念学习VUE 在Windows下学习Nodejs.Npm和VUE VSCode配置 首先为VSCode增加插件,ctrl+shift+X调出扩展管理界面. Chinese (Simplified) Language Pack for Visual Studio Code:适用于 VS Code 的中文(简体)语言包,此中文(简体)语言包为 VS Code 提…

1.Auto Close Tag 自动闭合HTML/XML标签 2.Auto Rename Tag 自动完成另一侧标签的同步修改 3.Beautify 格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则 4.Bracket Pair Colorizer 给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色 5.Debugger for Chrome 映射vscode上的断点到chrome上,方便调试 6.Courier New 一款好看字体 7.Gi…

安装脚手架 . 安装构件工具 npm i wepy-cli -g .创建项目 wepy new 项目名 .实时编译 wepy build --watch 或 npm run dev .使用微信开发者工具新建项目,本地开发选择dist目录. .微信开发者工具 --> 项目 --> 关闭ES6转ES5. 代码规范: .变量与方法使用尽量使用驼峰式命名,避免使用$开头. 以$开头的方法或者属性为框架内建方法或者属性,可以被使用,使用前请[参考API文档](). .入口,页面,组件的命名后缀为.wpy…

名称 简述 Auto Close Tag 自动闭合HTML标签 Auto Import Typescript自动import提示 Auto Rename Tag 修改HTML标签时,自动修改匹配的标签 Beautify css/sass/scss/less css/sass/less格式化 Better Align 对齐赋值符号和注释 Better Comments 编写更加人性化的注释 Bookmarks 添加行书签 Bracket Pair Colorizer 用不同颜色高亮显示匹配的括号…

1. Atom One Dark Theme.看得比较舒服的主题. 2. Beautify.格式化代码必备. 3. Bracket Pair Colorizer.不同层次的括号颜色不同,光标在括号间时括号间退格连线还会变成对应括号的颜色,方便区分括号区域. 4. Live Server.方便测试html页面的线上效果. 5. Vue VSCode Snippets.Vue大礼包. 6. Vetur.Vue大礼包必备. 7. vscode-icons.多种多样的Icon. 8. GitLens —…

一.日常安利 VS code VS vode特点: 开源,免费: 自定义配置 集成git 智能提示强大 支持各种文件格式(html/jade/css/less/sass/xml) 调试功能强大 各种方便的快捷键 强大的插件扩展 对前端这么友好,没理由不用. Visual Studio Code(VScode )官网 :https://code.visualstudio.com/ Visual Studio Code(VScode )github地址 :https://github.com/Mic…

地址:https://cli.vuejs.org/zh/guide/ 安装步骤: 提示:node 版本要 8.9+ 两种方式: (1) npm install -g @vue/cli (2) yarn global add @vue/cli 安装完成之后检查 vue --version/ vue -V 检查版本 npm install -g @vue/cli-service-global 创建项目 vue create hello-world // 项目名称 终端:(上下键选择) default…