搭建前端开发环境+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方法打开的页面会实时更新,而从文件目录打开的页面需要手动刷新才会更新。