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

相关推荐
java1234_小锋1 分钟前
【技术专题】HTML5 网页技术 - HTML5 链接与图片
前端·html·html5
sun_weitao4 分钟前
Chrome 扩展插件开发指南
前端·javascript·chrome
小马不起床21 分钟前
零基础玩转 FastAPI_12:前端详情增强与角色权限分配
前端·状态模式·fastapi
前端snow32 分钟前
ai agent --- 切割文件 RecursiveCharacterTextSplitter
前端
松就是我9029837 分钟前
可编辑 PPT:调研、设计与实施方案
前端
前端snow38 分钟前
ai agent --- Elasticsearch 混合检索
前端
java1234_小锋1 小时前
【技术专题】HTML5 网页技术 - HTML5 文本与排版标签
前端·html·html5
Wokoo71 小时前
Selenium:元素定位、动态适配与性能优化(二)
前端·selenium·自动化
用户2788607285671 小时前
把 restore 当撤销会发生什么?长任务助手的会话与业务状态
前端
℘团子এ1 小时前
vue3中自定义指令的使用
前端·javascript·vue.js