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

相关推荐
mini_0552 分钟前
elementPlus版本升级,el-select默认值显示问题
前端·javascript·vue.js
C_心欲无痕9 分钟前
vue3 - watchPostEffect在DOM 更新后的副作用处理
前端·vue.js
教练、我想打篮球27 分钟前
123 safari 浏览器中下载 URLEncoder.encode 的中文名称的文件, safari 未进行解码, 其他浏览器正常
前端·http·safari
小白x1 小时前
Echarts常用配置
前端
hello_Code1 小时前
css和图片主题色“提取”
前端
小杨梅君1 小时前
Vue3与iframe通信方案详解:本地与跨域场景
前端·vue.js
IT_陈寒1 小时前
Redis高频踩坑实录:5个不报错但会导致性能腰斩的'隐秘'配置项
前端·人工智能·后端
CoolerWu1 小时前
2025 · 我与 AI / Vibe Coding 的一年
前端·后端
张风捷特烈1 小时前
AI 四格笑话爆火,我做了什么?
前端·aigc
东方-教育技术博主1 小时前
IDEA 配置electron开发环境
前端·javascript·electron