创建vue项目

最新推荐文章于 2025-04-25 17:12:50 发布

AprRain

最新推荐文章于 2025-04-25 17:12:50 发布

阅读量166

点赞数

文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/AprRain/article/details/128676614

版权

本文指导如何安装Node.jsv14.18.2和vue-cli5.0.8，然后创建并运行Vue项目。接着在IDEA中，通过npm安装element-ui，并从element-ui官网获取快速入门代码，将之引入到main.js中进行配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装node（v14.18.2）、vue-cli（5.0.8）

创建vue项目

vue create vue

运行vue项目

cd vue

npm run serve

在idea中打开vue项目安装element-ui插件

npm i element-ui -S

在element-ui官网快速入门复制以下代码到main.js

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

AprRain

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue脚手架搭建以及创建Vue项目流程

weixin_68658847的博客

04-25

3万+

Vue脚手架的创建以及用脚手架创建项目的全套流程

vue2安装中出现的问题

qq_73954210的博客

07-02

426

vue有很多脚手架工具，vue-cli只是其中一种，侧重于单页面应用 (SPA) 的快速搭建，网址：cli.vuejs.org/zh/guide/@vue/cli是新版vue-cli，提供了GUI维护界面，@vue/cli 安装的是vue3及以上版本, vue-cli 安装的是vue2。我所安装的node.js 版本为14.21.3，对应npm版本为6.14.18，对应cnpm版本为7.1.1。安装cnpm时，没有指定版本，则默认安装最新版cnpm，但旧版npm不能适配最新版cnpm，所以安装失败。

参与评论您还未登录，请先登录后发表或查看评论

idea创建vue项目，引用elementUI教程附件

10-17

idea创建vue项目，引用elementUI并从springboot项目获取数据教程附件

VS code上创建Vue项目详细化教程2-配置并创建Vue项目

Charles_Clark的博客

06-06

4536

VS code上创建Vue项目详细化教程2-配置并创建Vue项目

node环境创建Vue项目

AZURE060606的博客

04-28

1644

到这里就可以正常使用npm命令安装需要的工具了。如(npm install -g cnpm )到这里就可以正常使用npm命令安装需要的工具了。如(npm install -g cnpm )然后会在该路径下生成一个文件夹，直接用webstorm打开。这是由淘宝提供的npm镜像，以后装模块用它代替npm。如果想要保存该配置可以在这里选y然后为配置命名。可以使用默认配置，但这里我选择自行创建。完成以上配置后便可以再次在终端输入。这里使用的是vue2因此选2.x。指令，显示版本号证明安装成功。

通过命令行创建vue项目的方法

08-29

通过命令行创建Vue项目是开发者们常用的一种快速初始化项目的方式，这使得开发过程更加高效。本篇将详细介绍如何利用命令行创建Vue项目。首先，确保你的开发环境中已经安装了Node.js。Node.js是JavaScript的服务器...

Vue3+Vite+TypeScript+Element Plus开发-23.客制Form组件

sen_shan的专栏

04-24

2073

在实际项目开发中，表单（Form）的数据编辑功能是常见需求。为了提高开发效率，本章节将重点介绍如何对表单组件进行封装，从而实现快速开发。

vue浅试（1）

qq_51752841的博客

04-22

522

重新开始学习前端

vxe-table封装表头

i_am_a_div的博客

04-24

398

vxe-table封装表头

el-table怎么显示特殊单元格的值

ping

04-23

150

3. 在 <template> 的作用域插槽中，通过 scope.formattedValue 来获取 formatter 处理后的值（这是 el-table 中 formatter 处理后会自动添加到 scope 上的属性），然后直接在 <span> 中展示。1. 在 el-table-column 上绑定了 formatter 方法 formatEntityName ，它会对每一行该列的数据（ cellValue ）进行处理。

Vue3祖先后代组件数据双向同步实现方法

BillKu的博客

04-23

579

在 Vue3 中实现祖先后代组件的双向数据同步，可以通过组合式 API 的配合响应式数据实现。

Vue2-重要知识点

马朋帅的博客

04-22

1066

子给父转数据一种组件间通信的方式，适用于：父组件 ===> 子组件 (父给子传数据)通过父组件给子组件绑定一个自定义事件实现子给父传递数据（第一种写法，使用@或v-on）通过父组件给子组件绑定一个自定义事件实现子给父传递数据（第二种写法，使用ref）全局事件总线：App.vue-- props方式： -->  < School :mps = " getSchoolName " /> <!

python后端程序部署到服务器 Ubuntu并配合 Vue 前端页面运行

nalanxiaoxiao2011的博客

04-23

516

python后端程序部署到服务器 Ubuntu并配合 Vue 前端页面运行

[Vue3]绑定props 默认值

Supposelll的博客

04-22

289

/ 组件List.vue// 定义 Props 类型和接口content: {}[];// 使用 defineProps 定义 PropslistData?// listData 属性为可选的 ListItem 数组类型}>();

ElementPlus按需自动引入配置详解

资浅程序媛，个人公众/头条/百家号：郑州小闲人，关注权限已向你开放

04-24

343

有很多插件没用上，浪费资源，打包会更大用什么引用什么，操作冗余用到什么就引入什么，只需要简单配置，灵活机动，因此本文主要介绍。

前端基础之《Vue（12）—插件封装》

最新发布

csj50的专栏

04-25

269

插件是一种更加高级的代码复用技术，可以以插件的方式为我们提供可复用的组件、混入、指令、过滤器原型链API等等。1、在Vue生态中，除了Vue本身，其它所有的与Vue相关的第三方包，都是插件。调用插件上的install方法，并传入Vue实参。2、如何封装Vue插件。Vue.use(插件)

Vue3中Symbol的使用说明

BillKu的博客

04-24

662

Vue3 内部使用 Symbol 标记特殊属性（如FragmentTeleport等组件类型）。示例（自定义渲染函数标识）：javascriptsetup() {})在 Vue3 中合理使用 Symbol：✅ 依赖注入时确保键的唯一性✅ 定义组件/功能类型标识✅ 保护敏感数据不被意外访问❌ 避免过度使用造成代码可读性下降通过 Symbol，可以显著提升 Vue3 应用的安全性和可维护性。

大屏资源汇总

tzz_1122的博客

04-24

182

实现无线滚动：vue-seamless-scroll。echarts相关，请转至。

Vue3.5 企业级管理系统实战（十六）：登录登出及鉴权

weixin_40398599的博客

04-23

700

在实现登录之前，需要说明几点。首次登录系统，需要有一个 super_adimin 角色，角色名是限制死的，默认具备全部菜单路由权限。另外，还需要创建用户，用户信息包括用户名、密码、邮箱、手机号、是否启用，用户关联的角色等。角色和用户都可以通过写接口去添加，或者直接在数据库 Roles 和 Users 表中添加（这里只说明前端实现流程，接口数据库需自己准备模拟，本文我是通过ApiFox mock 的接口，username：1234，password：1234，演示图中会使用）。