vue+element-UI创建工程_vue+element ui项目npm run dev-程序员宅基地

技术标签: 工具类  vue  

1、全局安装vue-cli

$ npm install -global vue-cli

2、创建一个基于 webpack 模板的新项目

$ vue init webpack 项目名

3、按照提示一步步操作,如下图:


4、cd 到项目的目录里

$ npm install 

$ npm run dev

这样,工程就可以跑了。下面再来说下,elementUI的安装。

5、cd到项目目录中,在执行下

npm i element-ui -S

6、再全局引入elementUI,如下图操作:


7、操作中可能出现的问题

7.1、手动安装ajv

$  npm install ajv@^6.0.0  


7.2、安装webpack出现警告: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):

 fsevent是mac osx系统的,在win或者Linux下使用了 所以会有警告,忽略即可。意思就是你已经安装成功了。

7.3、'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序或批处理文件。

    进入项目目录 在命令行输入 cnpm install

    成功后,再输入 cnpm run build

7.4  94% asset optimization
         ERROR  Failed to compile with 2 errors

         Failed to compile.

         按照提示,在命令行中,执行cnpm install --save async-validator normalize-wheel



版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/swallowliyan/article/details/80649588

智能推荐

vue3使用入门_const data = ref({ pagenum: 0, pagesize: 10, })// -程序员宅基地

文章浏览阅读962次。一些资料[vue3中文文档][https://vue3js.cn/docs/zh/guide/installation.html] [vue-cli][https://cli.vuejs.org/zh/config/#全局-cli-配置] [vuex][https://vuex.vuejs.org/zh/guide/] [vue-router][https://router.vuejs.org/zh/] [ant Design Vue][https://2x.antdv.com/docs/._const data = ref({ pagenum: 0, pagesize: 10, })// 请求列表数据 getpro

Matlab学习笔记(2019.10.22.)_matlab如何在字符串数组前面加个数字-程序员宅基地

文章浏览阅读253次。matlab的数据类型一.3.14 .matlab数据类型概述matlab建立了不同的数据类型来满足不同用户的需求,将其进行分类,树状图大致如下:字符型数据由单引号括起来,储存形式为ASCII码。字符型数组通常用于程序的操作提示,文字段的搜索或者程序输出结果的说明等,其可以进行串并连接、字符比较,字符搜索和替换等。单元数组提供储存机构,可以储存不同大小不同长度的数组在单元数组的单元里。..._matlab如何在字符串数组前面加个数字

swagger:遇到 Unable to render this definition错误(for example, openapi: 3.0.0)._python中swagger报错:please indicate a valid swagger o-程序员宅基地

文章浏览阅读8.6k次。今天改了代码 后,遇到以下错误 显示 :Unable to render this definitionThe provided definition does not specify a valid version field.Please indicate a valid Swagger or OpenAPI version field. Supported version fields are swagger: "2.0" and those that match openapi: 3.0.n_python中swagger报错:please indicate a valid swagger or openapi version f

java new Filereader_Java FileReader类 - Java 教程 - 自强学堂-程序员宅基地

文章浏览阅读891次。Java FileReader类FileReader类从InputStreamReader类继承而来。该类按字符读取流中数据。可以通过以下几种构造方法创建需要的对象。在给定从中读取数据的 File 的情况下创建一个新 FileReader。FileReader(File file)在给定从中读取数据的 FileDescriptor 的情况下创建一个新 FileReader。FileReader(F..._new filereader

rem、em、px的区别,详细介绍rem与px的转换_rem 和 rem px-程序员宅基地

文章浏览阅读5.6k次,点赞3次,收藏26次。PX:px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。EM:em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被设置,则相对于浏览器的默认字体尺寸。注意:em的值是不固定的,em会继承父元素的字体大小REM:rem是相对长度单位,相对于根元素(即html元素)的font-size计算值的倍数。嗯、先看看rem的兼容性,如下图。rem是相对..._rem 和 rem px

逻辑电平转换电路-程序员宅基地

文章浏览阅读1.5k次。定义 3.3V 为 A 端,5.0V 为 B 端。A端输出低电平时(0V) ,MOS管导通,B端输出是低电平(0V)A端输出高电平时(3.3V),MOS管截至,B端输出是高电平(5V)A端输出高阻时(OC) ,MOS管截至,B端输出是高电平(5V)B端输出低电平时(0V) ,MOS管内的二极管导通,从而使MOS管导通,A端输出是低电平(0V)B端输出高电平时(5V) ,MOS管截至,A端输出是高电平(3.3V)B端输出高阻时(OC) ,MOS管截至,A端输出是高电平(3._逻辑电平转换电路

随便推点

boost::function的用法(一)_boost::function0 function1-程序员宅基地

文章浏览阅读1.5k次,点赞2次,收藏2次。boost::function的用法本片文章主要介绍boost::function的用法。 boost::function 就是一个函数的包装器(function wrapper),用来定义函数对象。1. 介绍 Boost.Function 库包含了一个类族的函数对象的包装。它的概念很像广义上的回调函数。其有着和函数指针相同的特性但是又包含了一个调用的接口。一个_boost::function0 function1

K8S:使用Filebeat收集K8S内Pod应用日志_filebeat收集pod日志-程序员宅基地

文章浏览阅读7k次。K8S:使用Filebeat收集K8S内Pod应用日志一、环境描述没有K8S集群时应用日志通过filebeat–>redis–>logstash–>es–>kibana进行收集展示,上K8S集群后也需要考虑收集日志的问题,此处仅考虑 pod 中java应用生产的 info 和error文本日志。Kubernetes集群中的日志收集解决方案我们采用sidecar方案,将filebeat与应用部署到同一个pod,将应用日志挂载到主机目录,filebeat将日志挂载到其容器内。_filebeat收集pod日志

golang服务器代理_golang smtp代理-程序员宅基地

文章浏览阅读1.2k次。go env -w GOPROXY=https://goproxy.cn,direct_golang smtp代理

rm记录(五)_line(frame, point(0, 30 * i), point(frame.cols - 1-程序员宅基地

文章浏览阅读308次。这里也是参考了文末的博客,感谢分享!前两有点不自律,没怎么干活,今天新的开始上文我们说到要生成两个外接矩形,这个后续看代码就会明白,直接往下看,下一步是找到两个相似的,然后放到一个容器里面,最后生成一个大的矩形,最后返回中心点就ok了。然后找到相同的可以是用面积(因为现在的图片比较简单,后续难的要完善代码),长宽比,角度等,然后这里先学习两个函数1.boundingRect()返回矩阵应满足:① 轮廓上的点均在矩阵空间内。② 矩阵是正矩阵(矩形的边界与图像边界平行)。这点很重要,不是_line(frame, point(0, 30 * i), point(frame.cols - 1, 30 * i), scalar(211, 211

MySQL避免重复插入(IGNORE)_mysql ignore函数-程序员宅基地

文章浏览阅读701次。MySQL 提供了Ignore 用来避免数据的重复插入。insert ignore into 表名(字段名1,字段名2,字段名3,...) value(value1,value2,value3,...)ignore :若有导致unique key 冲突的记录,则该条记录不会被插入到数据库中。案例:若是对用户进行注册,假设数据库中的用户表中username字段设置了唯一,则插入用户时,username不能重复,若重复则不进行插入。@WebServlet("/RegisterServlet")p_mysql ignore函数

linux编译器的下关于gcc、g++、make和CMake几个概念的区别_linux cmake glew gcc-程序员宅基地

文章浏览阅读5.1k次,点赞18次,收藏44次。1-什么是gcc / g++???首先说明:gcc 和 GCC 是两个不同的东西GCC:GNU Compiler Collection(GUN编译器集合),它可以编译C、C++、JAV、Fortran、Pascal、Object-C、Ada等语言。gcc是GCC中的GUN C Compiler(C 编译器),g++是GCC中的GUN C++ Compiler(C++编译器);就本质而言..._linux cmake glew gcc

推荐文章

热门文章

相关标签