用element创建vue项目（1）项目初始化

最新推荐文章于 2022-11-22 18:03:47 发布
最新推荐文章于 2022-11-22 18:03:47 发布
阅读量744 收藏
点赞数 2
文章标签： vue.js elementui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44863646/article/details/122368766
版权
本文详细介绍了如何使用Vue脚手架初始化前端项目，包括Vue路由配置、Element-UI按需导入、axios库的设置，以及如何将项目托管到Git远程仓库。同时，还涵盖了后台项目的环境安装，如Mysql数据库、Node.js配置、项目启动及接口测试。
摘要由CSDN通过智能技术生成

一、前端项目初始化

①安装Vue脚手架

cmd中输入：

vue ui

即可启动Vue项目管理器

如果无法启动，检查node与npm是否安装成功？

执行cnpm install vue-cli -g 全局安装

运行vue查看安装是否成功

②通过Vue脚手架创建项目

到相应目录下创建新项目

输入要创建的项目文件夹vue_shop

最后的初始化git仓库写上 init project

最低0.47元/天 解锁文章
进入状态的贪玩的北笙
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
element项目初始化
Gaodes的博客
07-04 365
编译项目 编译成功 点击启动app 项目的基本界面显示，这是一个默认的项目界面 接下来我们需要把以上项目清空，main.js是整个程序的入口，代码code在app.vue进行，代码清空如下 删掉多余的routes规则 移除掉下面两个多余的文件 删掉helloworld.vue组件，项目中用不到 以上做完 就是一个完全干净的项目 ...
vue + element 新手搭建项目初始化
web全栈开发的博客
10-21 523
首先安装好node.js npm安装vue $ npm install vue 安装vue脚手架后生产模板项目 全局安装 vue-cli $ npm install --global vue-cli 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project 进入项目目录内安装所有依赖包 $ cd my-project $ npm install...
vue Element-UI 项目初始化
小小天下飞的博客
06-16 346
通过vue脚手架创建项目 命令行窗口运行 vue ui 配置element-ui组件库 配置axios库 托管到git 省略 目录详情
使用element来创建vue项目
weixin_45728545的博客
01-22 175
通过vue-cli来建立一个vue项目 然后再main.js文件中 加入下列代码 作用是为了使用element组件 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 =>
vue+element创建项目
mengziwudao的博客
03-05 608
1 . 全局安装 vue-cli npm install -g vue-cli 2 . 创建一个基于webpack "你要定义的项目名称" vue init webpack "你要定义的项目名称" 3 . 按照提示操作
vue环境搭建、项目初始化
02-03
在本文中，我们将详细介绍 Vue 环境搭建和项目初始化的过程，从 Node.js 的安装到 Vue 项目的创建，包括了 NPM、Webpack、Vue-CLI 等工具的使用。 一、 Node.js 的安装 Node.js 是一个基于 Chrome V8 引擎的 ...
vue3-element-Plus项目初始化创建.zip
最新发布
01-26
在“vue3-element-Plus项目初始化创建.zip”这个压缩包中，我们可以预见到一个已经配置好的Vue3项目，其中集成了Element Plus作为UI组件库。以下将详细介绍Vue3和Element Plus的主要特点以及如何进行项目初始化。 #...
前端Vue项目详解--初始化及导航栏
10-16
文章主要介绍了如何使用Vue.js框架构建前端项目，并详细描述了项目的初始化过程以及如何使用Element UI组件库来实现项目中的导航栏部分。以下是对这些知识点的详细解释： 1. Vue.js项目初始化： Vue.js是一个构建...
基于Vue和Element-Ui搭建项目的方法
10-16
6. 使用vue init webpack project-name命令初始化一个基于webpack模板的新项目。其中project-name是自定义的项目名，这里假设为test，并且建议使用小写字母命名，避免命名冲突。 7. 初始化项目后，使用cd命令进入到...
前端Vue项目详解–初始化及导航栏
12-02
本篇文章主要探讨了如何初始化一个基于Vue的项目，并结合Vue Router和Element UI实现导航栏功能。 首先，项目初始化是任何Web应用开发的第一步。在这个例子中，我们使用Vue CLI工具来创建一个名为“luffy_project”...
Vue + Element UI项目初始化
aofgryq715157389的博客
01-22 282
1.安装相关组件 1.1安装Node 检查本地是否安装node node -v 如果没有安装，从Node官网下载 CentOS安装 curl -sL https://rpm.nodesource.com/setup_10.x | bash - yum install -y nodejs 1.2安装npm npm -v ...
电商管理系统-项目的初始化-Vue&element
CQ_QingNing的博客
08-14 164
学习目标： 掌握vue的可视化界面进行初始化 学习内容： 利用黑窗口，打开vue的可视化界面，进而利用可视化界面进行项目开发的初始化。 前端项目初始化步骤： 安装Vue脚手架 通过Vue脚手架创建项目 配置Vue路由 配置Element-UI组件库 配置axios库 初始化git远程仓库 将本地项目托管到Github或码云中 准备工作： Windows+R→输入cmd→输入vue ui→启动GUI页面 具体实现 1、创建项目 2、输入项目名称（注意必须为英文以及下.
Element 学习（1）：搭建项目
weixin_41897680的博客
09-11 594
Element 学习（1）：搭建项目
使用Elementui创建项目
全栈工程师
12-08 283
npm安装 npm i element-ui -S 在 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) }); ...
vue和element-ui前端项目初始化
qq_41792374的博客
06-16 355
前端项目初始化步骤
Vue2+Element项目初始化
weixin_45932704的博客
10-25 448
Vue2+Element项目初始化
Vue + elementui 实战（1）——项目初始化
wzsl66的博客
08-05 186
跟着b站黑马程序员的课程实践 vue + elementui 项目
Element项目搭建
weixin_55658277的博客
01-27 925
全局安装脚手架环境 npm install -g vue-cli 创建一个基于webpack模板项目my-project vue init webpack my-项目名称 1.vue init webpack 项目名称 //创建项目 2.Project name(VueLession04) vuelession04 3.Project description(A. Vue.js project) vuelession04 //项目描述 4.Author(wkj <1547788799@qq.com&
Vue脚手架初始化项目 - 整合eleme-ui
weixin_44610169的博客
11-22 267
首先进来的是index.html首页，这个页面有一个id为app的div，在main.js里面配置了这个app里面加载的组件。相当于我们进来直接访问的index.html页面显示的是main.js里加载的组件内容。
用vue3 + element puls 初始化项目
04-18
你可以按照以下步骤来使用 Vue3 和 Element Plus 来初始化项目： 1. 安装 Vue3：在命令行中输入 npm install -g vue@next。这将会安装最新版本的 Vue3。 2. 创建新项目：在命令行中输入 vue create my-project，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值