Node.JS+Vue+Vite+D3可视化配置

本教程详细介绍了如何一步步搭建一个基于Node.js的服务器,然后安装Vue和Vite,创建Vue空项目,并最终运行Web工程。过程中涉及的步骤包括安装Node.js和npm,编写server.js文件,安装Vue和Vite,初始化Vue项目,以及运行项目。通过这个教程,读者可以掌握前端开发的基础流程。
摘要由CSDN通过智能技术生成

1-安装NodeJS(自带包管理器NPM)

下载地址: http://nodejs.cn/download/.
测试安装成功在控制台运行:node --version

2-写一个server.js文件(参考PPT),运行它

var http=require('http');
http.creatServer(function(request,response){
    //发送HTTP头部
    //HTTP状态值:200:OK
    //内容类型:text/plain
    response.writeHead(200,{'Content-Type':'text/plain'});
    response.end('Hello World\n');
}).listen(8888);
//终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');

运行命令:node server.js

3-安装vue

控制台:npm install vue

部分错误及解决方案:
错误:npm WARN saveError ENOENT: no such file or directory
解决:npm init 一直回车即可

错误:npm WARN 14344@1.0.0 No description
解决:在package.json文件大括号内最后一行添加"private": true

4-安装vite

控制台:npm install vite

5-创建一个vue空工程

控制台:npm init vite-app hellovue

6-运行这个Web工程

控制台:npm run dev

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值