6.0 KiB

Raw Permalink Blame History

JavaScript开发

环境准备

插件：js相关编辑、调试插件为内置插件，无需手动安装
nodejs：如进行nodejs开发，请配置nodejs环境

nodejs环境配置

以x86平台银河麒麟桌面操作系统V10（SP1）2403为例，介绍三种nodejs的安装方法，分别为软件源安装、从官网下载安装nodejs安装包、使用nvm安装。

方法1：软件源安装（目前源中版本较低，如需使用高版本请使用下面的安装方法）
- 打开终端，执行sudo apt-get install -y nodejs，安装nodejs
- 验证安装是否成功，在终端输入node -v，显示nodejs的版本信息，说明安装成功
方法2：从官网或国内镜像网站下载安装nodejs（仅支持x86和arm架构，其他架构需从其他渠道获取或自行构建）
- 首先下载nodejs二进制安装包。进入nodejs下载网址:https://nodejs.org/download/release/，或通过国内镜像网站，选择满足需要的nodejs二进制包。比如下载v18.19.0版本的nodejs二进制包，下载网址：https://nodejs.org/download/release/v18.19.0/node-v18.19.0-linux-x64.tar.gz
- 解压。执行tar -xzvf node-v18.19.0-linux-x64.tar.gz,将nodejs安装包解压,然后执行sudo mv node-v18.19.0-linux-x64 /usr/local/node-v18/将nodejs的安装文件移动到/usr/local/node-v18/目录内
- 配置环境变量。打开用户目录下的.bashrc文件，在文件末尾添加如下内容：
```
export NODE18=/usr/local/node-v18
export PATH=$NODE18/bin:$PATH
```
  将nodejs的安装路径添加到环境变量中
- 使配置生效，执行source ~/.bashrc
- 验证安装是否成功，在终端输入node -v，显示nodejs的版本信息，说明安装成功
方法3：nvm安装nodejs（仅支持x86和arm架构，其他架构需从其他渠道获取或自行构建）
NVM（Node Version Manager）是一个nodejs版本管理工具，它允许在同一台机器上安装和管理多个nodejs版本。使用NVM，可以切换node版本，而无需卸载和重新安装。
- 安装nvm。使用nvm之前需要先把系统中的nodejs卸载掉，然后执行sudo apt-get install nvm命令安装nvm,在当前终端执行source ~/.bashrc使配置生效
- 验证nvm是否安装成功，在终端输入nvm -v，显示nvm的版本信息，说明安装成功
- 安装18.19.0版本的nodejs。在终端执行nvm install 18.19.0
- 验证18.19.0版本的nodejs是否安装成功，在终端输入node -v，显示nodejs的版本信息位18.19.0，说明安装成功
- 安装20.18.0版本的nodejs。在终端执行nvm install 20.18.0
- 验证20.18.0版本的nodejs是否安装成功，在终端输入node -v，显示nodejs的版本信息位20.18.0，说明安装成功
- node版本切换到18.19.0。在终端执行nvm use 18.19.0。在终端输入node -v，显示nodejs的版本信息为18.19.0，说明切换成功

快速开始

创建JavaScript项目

在终端创建文件夹myProject
启动通用集成开发环境，点击文件->打开文件夹，选择myProject
点击新建文件图标，创建JavaScript文件hello.js

编辑

在新建的hello.js文件中输入JavaScript代码
```
var msg="hello world";
console.log(msg);
```

IntelliSense

IntelliSense提供了代码补全、代码着色、参数信息等。如图所示

代码导航

在编辑区的右键菜单中可以看到支持的代码导航,比如转到定义、转到实现、转到引用等

运行

需要创建运行配置文件tasks.json，tasks.json文件被存储在.vscode文件夹内。创建方法如下：

点击菜单中的终端->配置任务->使用模板创建tasks.json文件->others

tasks.json文件创建成功
创建的tasks.json默认内容如下：

{
"version": "2.0.0",
"tasks": [
    {
        "label": "echo",
        "type": "shell",
        "command": "echo Hello"
    }
  ]
}

修改tasks.json文件，修改后内容如下：

{
"version": "2.0.0",
"tasks": [
    {
        "label": "run", //运行任务的名称
        "type": "shell",
        "command": "node",
        "args": ["hello.js"]
    }
  ]
}

点击菜单中的终端->运行任务->run->继续而不扫描任务输出,运行任务
在终端输出运行结果

调试

一键调试

对于一个简单的JavaScript文件的调试，不需要进行配置，支持一键调试。

在hello.js文件左侧点击鼠标左键添加断点
点击左侧活动栏中的调试按钮，切换到调试视图
点击运行和调试按钮启动调试

自定义调试

对于复杂的项目，需要创建调试配置文件launch.json，launch.json文件被存储在.vscode文件夹内。创建方法如下：

点击菜单中的运行->添加配置,选择node.js调试器

launch.json文件创建成功
创建的launch.json默认内容如下：

{
"version": "0.2.0",
"configurations": [
    {
        "type": "pwa-node",
        "request": "launch",
        "name": "Launch Program",//调试名称
        "skipFiles": [
            "<node_internals>/**"
        ],
        "program": "${workspaceFolder}/hello.js" //调试的文件
    }
  ]
}

该launch.json文件配置可以调试myProjet,其他项目用户需要根据具体情况修改launch.json文件

在hello.js文件左侧点击鼠标左键添加断点
点击左侧活动栏中的调试按钮，切换到调试视图
点击Launch Program启动调试

6.0 KiB Raw Permalink Blame History Unescape Escape