JavaScript快速入门教程:环境构建

移动应用


浏览:974 次

1.设置JavaScript开发环境有多种组合。本文使用Visual Studio代码和节点的组合。js,如下所示:

1.1节点。js环境设置并下载Node.js。无论是基于Windows还是Linux,您都需要下载相应的安装包。转到节点。js官方网站并下载相应的Node。js版本。下载地址如下:

https://nodejs.org/en/download/

正在安装节点。js基于Windows安装节点。js在Windows中相对简单。按照向导提示进行安装。

配置节点。js1并在安装目录中创建两个文件夹节点_Cache和node_global

这里创建的两个文件夹主要用于配置npm安装的全局模块的路径和缓存的路径。如果稍后执行npm install express[-g](-g代表全局,表示全局安装)语句,则已安装的模块将安装到%USERPROFILE%AppData Roaming npm。如果要自定义安装位置,请创建以上两个文件夹,打开命令行窗口,然后执行以下命令:

npm config set prefix“D:\Program Files\Nodejs\node_global”npm config set cache“D:\Project Files\Nodejs\node_cache”npm的默认源地址是海外,访问速度较慢。它可以配置为国内来源。设置如下:

C: \Users\Surpass>npm配置集注册表https://registry.npmmirror.comC:\Users\Surpass>npm获取注册表stryhttps://registry.npmmirror.com/2,配置环境变量

在路径中添加节点的安装位置。例如,在本例中,节点。js安装目录为:D:Program Files Nodejs node_ Modules创建一个新的系统变量,并按如下方式设置:

环境变量名称:NODE_PATH环境变量值:D:Program Files Nodejs NODE_global\NODE_Modules3.打开命令行窗口,输入以下命令

PS C:\Users\Surpass>node-vv17.8.0PS C:\User\Surpass>Npm-v8.5.5输入node-v显示节点版本成功安装的描述输入Npm-v显示Npm版本成功安装内置Npm的描述,该Npm用于管理node所在包的环境变量。js取决于。在安装过程中,如果选中了Add to PATH,则无需单独配置环境变量

4.测试和配置完成后,安装要测试的模块。以express为例,如下所示:

C: \Users\Surpass>Npm install express-在2秒内添加了48个包,并更改了2个包注意:如果在安装过程中未添加-g参数,则已安装的模块将安装在当前路径中。

安装节点。js,解压缩下载的Node。js版本包,并放置相应的目录,如下所示:

tar-xf Node-v17.8.0-linux-x64.tar。xz-C/usr/local/node。js/配置节点。js1和环境变量

vim/etc/profile#添加以下内容导出NODEJS_HOME=/usr/local/node。jsexport PATH=$PATH:$NODEJS_HOME/binsource/etc/profile2.测试配置

#节点-v v17.8.0#npm-v 8.5.5此外,通过创建软链接可以实现相同的效果

开发环境配置安装Visual Studio Code Visual Studio Code,称为VS Code,它是Microsoft的开源文本编辑器。安装类别插件后,您还可以制作一个轻量级IDE工具。下载后,按照提示进行操作。下载地址如下:

https://code.visualstudio.com/

配置VS Code1,然后选择使用VS Code打开或创建文件夹。示例文件夹如下:

C: \Users\Surpass\Documents\NodejsProjects

2.创建一个新的js文件并输入以下代码:

(函数名(params){console.log(“Hello world”)})();按F5键并选择节点。js运行

您还可以安装插件Code Runner。右键单击代码并选择运行代码

如果您不需要编写工程代码,也可以在Chrome中编写一些简单的JavaScript代码。打开浏览器并按F12切换到Console选项卡。

来到统软云免费了解更多信息:、、、等。

统软云是一家专业和服务提供商,提供一站式移动应用解决方案,以满足您的各种需求。欢迎评估您的需求并免费获取报价。

,注册后为新手提供免费开发包

相关资讯:
农产品电子商务向企业个人农产品电子贸易方向发展的效益

农产品电子商务向企业个人农产品电子贸易方向发展的效益

查看
Web 3.0技术的基本方向

Web 3.0技术的基本方向

查看
认知

认知

查看
面向对象的

面向对象的

查看
2018-12-25

2018-12-25

查看