从0开始搭建vue项目

#先查下电脑有没有安装过node和npm

node -v

npm -v

#安装vue

npm install -g vue

#安装webpack

npm install webpack -g

都安装好后,进入你想创建的文件夹内

创建名字:vue init webpack <project_name>

就默认回车 然后根据项目需求Y/n 比如vue-router之类的可以Y

完成后提示 cd 进入文件夹内,然后去运行

进入该文件夹内,打开终端

运行命令行:npm run dev

默认端口是8080,如果端口被占用,就更改个端口

运行起来就是这样的

相关推荐
WebGISer_白茶乌龙桃几秒前
Cesium实现“悬浮岛”式,三维立体的行政区划
javascript·vue.js·3d·web3·html5·webgl
小Tomkk4 分钟前
⭐️ StarRocks Web 使用介绍与实战指南
前端·ffmpeg
计算机学姐6 分钟前
基于SpringBoot的汽车租赁系统【个性化推荐算法+数据可视化统计】
java·vue.js·spring boot·后端·spring·汽车·推荐算法
不一样的少年_8 分钟前
产品催: 1 天优化 Vue 官网 SEO?我用这个插件半天搞定(不重构 Nuxt)
前端·javascript·vue.js
-dcr9 分钟前
50.智能体
前端·javascript·人工智能·ai·easyui
BingoGo11 分钟前
免费可商用商业级管理后台 CatchAdmin V5 正式发布 插件化与开发效率的全面提升
vue.js·后端·php
行者9619 分钟前
Flutter跨平台开发适配OpenHarmony:进度条组件的深度实践
开发语言·前端·flutter·harmonyos·鸿蒙
云和数据.ChenGuang20 分钟前
Uvicorn 是 **Python 生态中用于运行异步 Web 应用的 ASGI 服务器**
服务器·前端·人工智能·python·机器学习
IT_陈寒21 分钟前
SpringBoot 3.0实战:这5个新特性让你的开发效率提升50%
前端·人工智能·后端
哈__26 分钟前
React Native 鸿蒙跨平台开发:LayoutAnimation 实现鸿蒙端页面切换的淡入淡出过渡动画
javascript·react native·react.js