vue+element-ui创建工程项目

心已赠人 2023-05-29 03:05 29阅读 0赞

**1、全局安装vue-cli**

$ npm install -g vue-cli

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

$ vue init webpack "你要定义的项目名称"

**3、按照提示一步步操作，如下图：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215bGlfYmluYmlu_size_16_color_FFFFFF_t_70][]

**4、cd 到项目的目录里**

$ npm install

$ npm run dev

这样，工程就可以跑了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215bGlfYmluYmlu_size_16_color_FFFFFF_t_70 1][]

下面再来说下，elementUI的安装。

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

$ npm i element-ui -S

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215bGlfYmluYmlu_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191102102515827.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215bGlfYmluYmlu,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215bGlfYmluYmlu_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191102102813114.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215bGlfYmluYmlu,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，29人围观）

还没有评论，来说两句吧...

相关阅读

相关使用IDEA创建maven父子工程项目

第一步：打开IDEA，点击create new project，如果没有弹出如下界面，就先将打开的项目关闭，然后重新打开IDEA即可 ![70][] ![70 ...

秒速五厘米/ 2024年04月18日 19:50/ 0 赞/ 98 阅读

相关创建Vue项目工程

前期准备查看是否安装Node.js;npm命令是否可用;vue脚手架是否安装成功。 `node -v` `npm -v` `vue -V` ![在这里插

柔情只为你懂/ 2024年03月26日 10:46/ 0 赞/ 86 阅读

相关测试平台——项目工程创建和配置

这里写目录标题一、配置开发环境二、配置MySql数据库三、配置工程日志一、配置开发环境项目的环境分为开发环境和生产环境。开发环境

爱被打了一巴掌/ 2024年03月22日 22:49/ 0 赞/ 78 阅读

相关 IDEA创建maven父项目工程

创建父工程子工程在下一篇：[https://blog.csdn.net/hexu\_blog/article/details/104971451][https_blog.c

小咪咪/ 2023年07月17日 04:42/ 0 赞/ 155 阅读

相关 Idea项目--创建maven工程

原文网址：[Idea项目--创建maven工程\_IT利刃出鞘的博客-CSDN博客\_idea创建空的maven项目][Idea_--_maven_IT_-CSDN_idea_

r囧r小猫/ 2023年07月10日 14:07/ 0 赞/ 47 阅读

相关 vue+element-ui创建工程项目

1、全局安装vue-cli $ npm install -g vue-cli 2、创建一个基于 webpack 模板的新项目 $ vue init webpack "你要

心已赠人/ 2023年05月29日 03:05/ 0 赞/ 30 阅读

相关 Idea项目--创建gradle工程

原文网址：[Idea项目--创建gradle工程\_IT利刃出鞘的博客-CSDN博客][Idea_--_gradle_IT_-CSDN] 从0创建基本gradle工程

Bertha 。/ 2023年02月20日 06:14/ 0 赞/ 22 阅读

相关 624-VS2019创建工程项目

VS2019创建工程项目创建单工程项目 ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50

心已赠人/ 2022年09月12日 04:55/ 0 赞/ 226 阅读

相关使用IDEA创建maven父子工程项目

第一步：打开IDEA，点击create new project，如果没有弹出如下界面，就先将打开的项目关闭，然后重新打开IDEA即可一开始创建父工程，所以不用选中cr

谁践踏了优雅/ 2022年04月25日 08:22/ 0 赞/ 451 阅读

相关 IDEA idea创建maven父工程，子工程模块项目

一.创建父工程 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

素颜马尾好姑娘i/ 2022年03月17日 12:20/ 0 赞/ 460 阅读