一、node的下载和配置
-
1-官网下载:https://nodejs.org/en/
-
2-选择版本下载(尽量不要选择高版本下载,否则容易出现版本不兼容的情况)
-
3-这里推荐 12的版本
-
4-下载好后,把"淘宝镜像"配置到node上
依次输入"下面的命令"
1- npm config set registry https://registry.npm.taobao.org
2- npm config ls
// // 配置后可通过下面命令来验证是否成功
// 此时:metrics‐registry = "http://registry.npm.taobao.org/"表示 设置成功
3- npm config get registry
二、用node环境,跑一个"前端项目"(开发工具用的是:VSCode)
1-VSCode 安装插件 ---(安装开发vue所需插件)
1- Vetur //必须
2-EsLint //语法纠错
3-Debugger for Chrome //映射vscode上的断点到chrome上,方便调试
4-Auto Close Tag //自动闭合HTML/XML标签
5-Auto Rename Tag //动完成另一侧标签的同步修改
6-JavaScript(ES6) code snippets //ES6语法智能提示以及快速输入
7-Path Intellisense //自动路径补全
8-HTML CSS Support //让 html 标签上写class 智能提示当前项目所支持的 样式
9-Beautify //格式化代码
10-Bracket Pair Colorizer //给括号加上不同的颜色
11-open in browser //直接右键项目单击启动
2-在"项目"内,导入"npm"的环境
-
打开"项目内的终端" (new Terminal)
-
输入命令:
1- npm install //下载相关依赖
2- npm run dev //运行项目;
-
出现这个就代表,项目跑起来啦!!!