【配置环境】VS Code中JavaScript环境搭建
warning:
这篇文章距离上次修改已过193天,其中的内容可能已经有所变动。
在VS Code中配置JavaScript环境通常涉及以下步骤:
- 安装Node.js: 访问Node.js官网下载并安装Node.js。这将包括npm(Node包管理器),你可以使用它来安装其他JavaScript工具和库。
在VS Code中安装插件:
- 打开VS Code。
- 按下
Ctrl+Shift+X
(或Cmd+Shift+X
在Mac上)打开扩展视图。 搜索并安装如下扩展(可选):
ESLint
: 一个插件,用于标识代码中的模式问题。Live Server
: 一个简单的本地服务器,可以用来在浏览器中实时预览你的网页。Prettier
: 一个代码格式化工具,可以自动美化你的JavaScript代码。
- 创建一个新的项目文件夹,并在VS Code中打开它。
- 初始化npm项目:在项目文件夹中打开终端或命令提示符,运行
npm init
并按照提示创建一个package.json
文件。 - 使用npm安装需要的包:例如,通过运行
npm install lodash
来安装Lodash库。 - 创建你的JavaScript文件并开始编写代码。
示例package.json
文件:
{
"name": "my-javascript-project",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"lodash": "^4.17.21"
}
}
示例index.js
文件:
const _ = require('lodash');
const helloWorld = _.startCase('hello world');
console.log(helloWorld);
在VS Code中,你可以使用内置的终端,或者通过Ctrl+
(或Cmd+
)快捷键打开一个新的集成终端,在里面运行npm命令或直接用Node.js运行你的JavaScript文件。
评论已关闭