搭建前端开发环境+hello world

搭建前端开发环境+hello world

首先准备好咱们前端开发目前需要的软件:node.js 和 vsCode 这两个软件都可以到官网直接下载得到 Node.js:

Vscode:

下载完成后分别安装它俩。 安装完成后验证node.js是否安装完成: node -v npm -v 校验它们的版本号,nmp是在安装node.js的时候就被顺带安装的。

接下来使用vscode打开我们新建的文件夹

我在桌面新建了一个web文件夹,将其打开后新建一个html文件

打开这个文件的方式有两种:

1.之间找到文件存放地址,右键打开(简单,但不建议这样)

浏览器想选什么都行

打开后:

2.使用插件打开(强烈建议)

扩展—>搜索live Server—>安装

右键打开页面:

两个方法主要的区别就是,当我们在vscode上更改了代码后,一保存,live server方法打开的页面会实时更新,而从文件目录打开的页面需要手动刷新才会更新。

经验分享 程序员 微信小程序 职场和发展