JavaScript基础（一）环境搭建

一、环境搭建及插件

 

二、软件安装步骤

　　1、VSCodeSetup-x64-1.33.1

　　2、VSCodeSetup-x64-1.33.1汉化地址：https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans

　　3、node-v11.14.0-x64

　　4、vscode必装插件

　　　　在浏览器中打开或预览 – Open-In-Browser

　　　　跳转到 CSS 定义行 – CSS Peek
　　　　格式化代码 代码美化 – Prettier
　　　　格式化代码 右键菜单 - beautify
　　　　代码压缩 – Minify
　　　　ES5的代码片段 - JavaScript Snippet Pack
　　　　ES6的代码片段 - JavaScript (ES6) code snippets
　　　　自动完成另一侧标签的同步修改 - Atuo Rename Tag
　　　　标签自动闭合 Auto Close Tag
　　　　括号颜色独立 - Bracket Pair Colorizer
　　　　智能提示HTML标签，以及标签含义 - HTML Snippets
　　　　智能提示CSS类名以及id -HTML CSS Support
　　　　jQuery代码智能提示 - jQuery Code Snippets
　　　　小图标 - vscode-icon
　　　　路径补全 - Path Intellisense

 

 

　　5、ChromeSetup_(谷歌浏览器 Cancry版)

　　6、typora-setup-x64.(课件查看工具64位)

　　新建一个JS文件并保存，，输入：console.log("aaa")，，，按下F5键，弹出控制台，出现以下代码，标识成功
　　　　console.log("aaa")

　　　　C:\Program Files\nodejs\node.exe --inspect-brk=12963 1.js
　　　　Debugger listening on
　　　　ws://127.0.0.1:12963/ff47d403-0887-4d5b-9a9e-00572f677869
　　　　For help, see: https://nodejs.org/en/docs/inspector
　　　　Debugger attached.
　　　　aaa

 

【注解】：

console.log("aaa")//在控制台中输出字符串(aaa)

　　console　　英 [kənˈsəʊl , ˈkɒnsəʊl] 美 [kənˈsoʊl , ˈkɑːnsoʊl] 

　　log　　英 [lɒɡ]   美 [lɔːɡ]  　　翻译：日志

转载于:https://www.cnblogs.com/yxh2019/p/10726966.html