首页 > 其他分享 >vue项目的起手

vue项目的起手

时间:2023-01-05 23:35:31浏览次数:40  
标签:npm vue 项目 起手 element Vue ui import

vue-cil的安装

npm install -g @vue/cli

创建一个vue项目

vue create helloword

运行vue项目

cd helloword
npm run serve

安装element-ui

npm i element-ui -S

element-ui完整引入

在 main.js 中写入以下内容:

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

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

 

标签:npm,vue,项目,起手,element,Vue,ui,import
From: https://www.cnblogs.com/kuailest/p/17029127.html

相关文章

  • 适合编程初学者的开源项目:小游戏2048(Flutter版)
    目标为编程初学者打造入门学习项目,使用各种主流编程语言来实现。2048游戏规则一共16个单元格,初始时由2或者4构成。1、手指向一个方向滑动,所有格子会向那个方向运动。2......
  • 仿bbs项目之评论功能完善,后台管理功能部分讲解,bs4模块简介
    目录仿bbs项目之评论功能完善,后台管理功能部分讲解,bs4模块简介昨日内容回顾今日内容概要今日内容详细根评论完善后台管理添加文章仿bbs项目之评论功能完善,后台管理功能部......
  • 点评10款Github上最火爆的国产开源项目
     衡量一个开源产品好不好,看看产品在Github的Star数量就知道了。由此可见,Github已经沦落为开源产品的“大众点评”了。 一个开源产品希望快速的被开发者知道、快速的获取反......
  • 使用IDEA打包项目(jar包和war包) pom.xml
      介绍jar包假设将整个项目视为一堵墙,那么jar包就是砖块,将写好的类进行打包的过程就是烧制砖块的过程。jar包是class文件和部署文件的归档,不包含静态文件,它不仅用于......
  • vue3 mock获取数据
    创建api文件夹,在文件夹中创建mockAjax.js,和请求数据的api.js。importaxiosfrom'axios'importnprogressfrom'nprogress'import'nprogress/nprogress.css'const......
  • Html飞机大战(十八): 模块化+项目开源
    好家伙,好久好久没有更新这个系列了        为了使文档更方便阅读,使代码更容易维护,来把这个飞机大战模块化项目已开源:https://gitee.com/tang-an......
  • vue2 转 vue3+ts
    1.vite创建一个vue3+ts的项目2.依赖转变复制vue2package项目依赖。修改vue-router3=>vue-router4;vuex4=>pinia ;Ui库vant2=>vant4main.js 转换为 ......
  • 学习笔记——书城项目第五阶段之购物项加号、购物项减号
    2023-01-05一、设置购物项加号 (1)找到“+”号的位置,在“cart.html”中的第61行中,添加单击事件,通过“异步”操作来设置<spanclass="count"@click="addCount">+</span>......
  • [unity 2022 2d] unity项目的导入(三)
       创建这些文件夹接下来通过资源管理器打开该项目并进入art   创建以下六个文件夹  进入adventure同时另开一个之前下载的压缩包窗口 以资源管理......
  • 项目测试中自定义时间
    在项目中测试有时候会加速时间,如活动是七天的周期,测试肯定得加速这个工具类就是为了这种情况,设定多少分一天就可以达到。useCustomDateTime在上线就改为false:使用Loca......