vue脚手架项目创建及整理

环境准备

首先安装node,如果项目需要指定node版本 可以按装nvm控制版本

创建vue

html 复制代码
vue create 项目名

选择对应版本


这边我是选的自定义,就是第三个选项,可以提前给我下好 router vuex什么的(空格)

选项如图标注

等待下载所需的东西

运行完后有两行命令,分别执行,只要能跑起来就成功了!

项目整理

项目运行后会带 # 就不好看

http://localhost:8080/#/

在router下加一句就好了

http://localhost:8080/

安装element

java 复制代码
项目命令框执行
npm i element-ui -S
-----------------------------------------------
js 引用 复制即可
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

引用在 main.js 里 就完成了element

相关推荐
candyTong8 小时前
一觉醒来,大模型就帮我排查完页面性能问题
前端·javascript·架构
魔术师Grace8 小时前
我给 AI 做了场入职培训
前端·程序员
玩嵌入式的菜鸡8 小时前
网页访问单片机设备---基于mqtt
前端·javascript·css
前端一小卒9 小时前
我用 Claude Code 的 Superpowers 技能链写了个服务,部署前差点把服务器搞炸
前端·javascript·后端
滑雪的企鹅.10 小时前
HTML头部元信息避坑指南大纲
前端·html
一拳不是超人10 小时前
老婆天天吵吵要买塔罗牌,我直接用 AI 2 小时写了个在线塔罗牌
前端·ai编程
excel12 小时前
如何解决 Nuxt DevTools 中关于 unstorage 包的报错
前端
Rust研习社12 小时前
使用 Axum 构建高性能异步 Web 服务
开发语言·前端·网络·后端·http·rust
C澒12 小时前
AI 生码 - API2Code:接口智能匹配与 API 自动化生码全链路设计
前端·低代码·ai编程
浔川python社12 小时前
HTML头部元信息避坑指南技术文章大纲
前端·html