【小5聊】Vue开发环境配置（Windows）

使用前端框架Vue进行开发，会用到HBuilderX或者Visual Studio Code等开发工具，不管那种，都需要先安装Node

此处在Windows操作系统下安装

配置最大的难点就是版本兼容问题，特别是对于入门和初学者来说，简直无方向

Node下载地址：Download | Node.js

1、cmd查看Node版本

cmd>node -v

如果没有安装，那么查看会提示找不到

2、查看npm版本

Node本身就包含了npm模块，直接输入命令

cmd>npm -v

 

3、HBuilderX运行npm

 鼠标右键目录，使用命令行窗口打开所在目录

路径输入>npm，经常出现的情况就是，无识别

原因：HBuilderX没有以管理员权限运行

4、npm install

5、build

 6、npm run dev

根据自己设定的启动，否则使用默认的启动命令

7、尝试新的跨平台

PowerShell https://aka.ms/pscore6

https://aka.ms/pscore6
https://github.com/PowerShell/PowerShell/releases/download/v7.2.2/PowerShell-7.2.2-win-x64.msi

重新关闭后，再以管理员权限运行

8、安装插件

如果有用到scss等插件，需要进行插件安装，否则无法运行项目

9、正常安装效果

10、成功安装好模块后，启动网页效果

温馨提示

nodejs-v14.16.1，点击下载