编译器:vscode
项目地址:已成型的web网站(公司内部网站)
一、环境搭建
-
vscode安装:跳过(本地已安装)
-
node安装:
2.1 下载安装
官网地址:https://nodejs.org/en
泪目提醒:node版本号一定要先确定好,不然就是在解决各种报错中
后来有全部卸载了,安装了node12
不同node下载地址:
https://nodejs.org/dist/
不同版本node对应的npm-sass:
2.2 为什么要安装node,node的作用是什么: - 简单的说 Node.js 就是运行在服务端的 JavaScript。 - Node.js是一个基于 Chrome V8 引擎的 JavaScript 运行环境; - Node.js使用一个事件驱动、非阻塞式 I/O 的模型,使其轻量且高效; - 安装npm3.1安装教程打开Vs Code,点击->拓展,在搜索栏里搜索np
3.2 npm是什么为什么要安装 -
npm 是 Node.js 的包管理工具,用来安装各种 Node.js 的扩展
-
live server安装
4.1 liver server安装教程
打开Vs Code,点击->拓展,在搜索栏里搜索live server
4.2 live server是什么 -
ive-server是一个实时加载功能的服务器,可以使用它来打开本地项目并可以在手机上实时浏览效果,但是不能用于部署最终站点
- 运行前端程序
运行前端程序主要包含一下两步:加载项目依赖和运行项目依赖
- 使用vscode打开需要运行的前端项目
- 点击终端,新建终端
- 在终端中先输入加载项目依赖的命令:
npm install --registry=https://registry.npmmirror.com
- 再在终端中输入运行项目依赖的命令:
npm run dev
运行成功后出现一下信息提示:
浏览器中输入 http://localhost:9530/即可浏览访问