vue脚手架项目创建及整理

news/2024/7/9 23:54:34 标签: 前端, vue, 脚手架

环境准备

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

vue_4">创建vue

在这里插入图片描述

vue create 项目名

在这里插入图片描述
选择对应版本


这边我是选的自定义,就是第三个选项,可以提前给我下好 router vuex什么的(空格)
在这里插入图片描述
选项如图标注
在这里插入图片描述

等待下载所需的东西
运行完后有两行命令,分别执行,只要能跑起来就成功了!
在这里插入图片描述

项目整理

项目运行后会带 # 就不好看
http://localhost:8080/#/
在router下加一句就好了
http://localhost:8080/
在这里插入图片描述

安装element

项目命令框执行
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
在这里插入图片描述


http://www.niftyadmin.cn/n/5075039.html

相关文章

数据结构与算法--贪心算法

数据结构与算法-贪心算法 1 贪心算法的概念 2 贪心算法的套路 3 贪心算法常用技巧 4 会议问题 5 字典序问题 1 贪心算法的概念 在某一标准下,优先考虑最满足标准的样本,最后考虑不满足标准的样本,最终得到一个答案的算法,叫做贪心算法 也就是说 不是从整体上加以考虑,所…

强化学习实践(三)基于gym搭建自己的环境

目录 前言 1.搭建环境 前言 1.1构建自己的环境文件 1.2 __init __ 1.3 seed 1.4 step 1.5 reset 1.6 render 1.7 close 2.调用环境 2.1 注册 2.2 放入库中 2.3 测试 参考文献 前言 为了减少训练成本,必须搭建合适的训练环境(仿真环境&#…

取消激光雷达/不升级Orin,小鹏P5改款背后的行业「痛点」

9月25日,小鹏汽车正式发布了旗下改款车型—2024款小鹏P5(15.69-17.49万元)。车型精简、降本增效(减配)成为新亮点。 在配置变化方面,智驾成为牺牲品。其中,高配Pro车型继续保留英伟达Xavier&…

Jetpack:002-页面与布局

文章目录 1. 概念介绍2. 使用方法2.1 页面2.2 布局 3. 示例代码4. 内容总结 我们在上一章回中介绍了Jetpack相关的概念和主要内容,本章回中主要介绍 页面和布局。闲话休提,请我们一起Talk Android Jetpack吧 1. 概念介绍 我们在本章回中介绍的页面是指…

软考 系统架构设计师系列知识点之软件质量属性(3)

接前一篇文章:软考 系统架构设计师系列知识点之软件质量属性(2) 所属章节: 第8章. 系统质量属性与架构评估 第2节. 面向架构评估的质量属性 相关试题 1. 某服务器软件系统能够正确运行并得出计算结果,但存在“系统出…

前端uniapp生成海报并保存相册

uiapp插件 目录 图片qrcode.vue源码完整版封装源码qrcodeSwiper.vue最后 图片 qrcode.vue源码完整版 <template><view class"qrcode"><div class"qrcode_swiper SourceHanSansSC-Normal"><!-- <cc-scroolCard :dataInfo"dat…