首页 > 其他分享 >创建vue项目

创建vue项目

时间:2023-07-26 23:11:37浏览次数:47  
标签:npm vue 项目 创建 bootstrap js ui import element

1. vue create projectname

 

 2. 选择vue3

3. 创建成功

 4. 启动项目

 

 

5. 在package.json中,查看启动命令,有时候不是npm run serve

 

 

6. 安装插件

  安装axios

    npm i axios

  安装bootstrap

    npm install [email protected]

  在main.js中引入:   

    import 'bootstrap/dist/css/bootstrap.min.css';     import 'bootstrap/dist/js/bootstrap.min.js'     安装element-ui:     npm i element-ui   在main.js中引入:   

    import ElementUI from 'element-ui';
    import 'element-ui/lib/theme-chalk/index.css';

    Vue.use(ElementUI)

标签:npm,vue,项目,创建,bootstrap,js,ui,import,element
From: https://www.cnblogs.com/mxleader/p/17583772.html

相关文章

  • 在GO语言中项目中使用zap日志库
    在GO语言中项目中使用zap日志库本文先介绍了GO语言中原生的日志库中使用,然后想继续介绍了非常流行的Uber开源的zap日志库,同时介绍了如何搭配Lumberjack实现日志的切割和归档。在GO语言项目中使用zap日志库介绍在许多go语言项目中,我们需要一个好的日志记录器能够提供下面这些功......
  • VMware安装与创建Ubuntu虚拟机
    一、VMware16下载与激活下载&激活\(\to\)https://www.ghxi.com/vmware15.html这里下载VMware_16.2.5-20904516_Setup.exe,安装,勾选增强型键盘驱动程序,其他按默认安装即可。二、创建Ubuntu虚拟机01镜像下载清华源下载ubuntu-23.04-desktop-amd64.iso02VMware创建虚......
  • vue指令及模板语法
    说实话,看了这两节之后,改变认知的,突然发现自己落后了这么多,真不应该v- 这个指令集的确666,把许多东西的实现简化了,真心学到了不少,菜鸟这方面讲的真是不错https://www.runoob.com/vue3/vue3-directives.html我在这就不献丑了,而且里面的各种试例的可运行代码环境我非常喜欢,可以......
  • Outlook创建约会/Skype会议时自动包含Teams会议链接
    故障现象用户通过Outlook客户端创建约会/Skype会议时,在会议邀请的最下方会自动带上一个Teams会议的链接。故障原因在Outlook选项中可以看到,是由于Addonlinemeetingtoallmeeting被自动勾选导致。该选项受如下注册表控制:Path:HKEY_CURRENT_USER\Software\Microsoft\Office\Outlo......
  • 浅谈Excel开发:八 Excel 项目的安装部署
    前面几篇文章讲解了Excel开发的几个比较主要的也是比较重要的方面,比如菜单系统,Excel对象模型,自定义函数,RTD函数,异步自定义函数,用户自定义任务面板等,在实际开发中我们还会遇到各种“千奇百怪”的问题,以及开发中的一些注意事项和技巧等,后面有空我会写文介绍。当我们的Excel外接应用......
  • Vue第二例data 选项
    讲的主要还是附值方式,以及值的变化,总之是操作里面的数据选项还是如上节讲的建html上代码<!DOCTYPEhtml><html><head><metacharset="utf-8"/><scriptsrc="../scripts/vue.global.js"type="text/javascript"></script><tit......
  • 【Java】信创开发(东方通)中台后端项目踩坑小记
    在万事国产化以备世界风云突变之日,我们做软件开发的也不可避免的需要完成一部分信创项目,通常Web项目国产化部署的首要选择都是东方通Web容器。此次中台项目信创适配过程中踩坑无数,唯独这个坑让我印象深刻念念不忘,接下来就请诸君与我共同复盘一下。背景:中台项目源于ruoyi开......
  • 用CSS样式 @keyframes、animation写一个旋转立体模型、动画模型,vue2
    需求:画一个正方体,让物体一直旋转环境:vue2、css效果:代码:模型1<template>2<div>3<!--旋转立体图-->4<divclass="cube">5<divclass="facefront"></div>6<divclass="faceba......
  • Vue第一个程序,经典Hello
    弄明白了简单模式的vue应用,开始应用,首先下载vue.js文件,也可以访问使用CDN方法,我是直接下载了vue.global.js,方法是NPM方法(这个在上面的官网与菜鸟都有),然后用VisualStudio建了一个空网站,新建文件夹scripts把vue.global.js放文件夹下,新建文件夹pages在这个文件夹下新建一个......
  • 【项目实战】手把手教你利用博客园API开发、上线一个自己的博客小程序
    说明本篇希望用最简单的方式帮助大家上线一个属于自己的实用的小程序,帮助大家体验一个相对较完整的小程序创建、上线流程,步骤会尽可能详尽;文章会更像新手教程,只是引导零基础的同学入个门,所以会尽可能避免让大家自行编辑代码,因此在文中也不会对代码逻辑就进解释,文章中也会附上源......