当前位置: 首页 > article >正文

创建vue2项目或vue3项目超详细!

一、安装Node

(去官网下载所需版本即可,或私我发你安装包)

1、检查Node版本

二、创建vue2项目

1、安装vue脚手架 

npm install -g @vue/cli

yarn global add @vue/cli

2、查看vue的版本

3、创建一个项目

3.1 进入桌面路径(创建的项目路径为桌面)

3.2 创建项目

vue create my-project

vue ui

4、选择配置文件

5、选择 vue版本

6、是否保存当前配置文件,选择否,注意:如果创建失败,以上流程再重新执行一次。

7、成功效果如下

三、项目操作

1、在vscode中打开创建的项目,打开终端,进入终端目录,下载依赖,输入以下指令

npm config set registry https://registry.npmmirror.com      #用于设置npm的默认注册表地址。此处使用淘宝的npm镜像源。 

 2、输入npm i指令安装所有依赖

npm i

3、输入npm run serve指令运行项目文件

npm run serve 

4、安装Element组件(暂停项目运行后安装)

npm i element-ui -s 

安装完成后重启项目即可。 

四、创建vue3项目


http://www.kler.cn/a/451114.html

相关文章:

  • 《Java核心技术I》Swing的网格包布局
  • C++之红黑树模拟实现
  • linux安装字体(亲测)
  • 【Leetcode】1705. 吃苹果的最大数目
  • C++23新特性解析:[[assume]]属性
  • LLMs之PDF:MinerU(将PDF文件转换成Markdown和JSON格式)的简介、安装和使用方法、案例应用之详细攻略
  • Spring Boot教程之三十一:入门 Web
  • [机器学习]XGBoost(2)——目标函数(公式详解)
  • Elasticsearch-脚本查询
  • 从测试服务器手动热部署到生产环境的实现
  • 个人笔记:ORM数据库框架EFCore使用示例,运行通过,附源码
  • LeetCode 59. 螺旋矩阵 II (C++实现)
  • 算法——二分查找
  • 图的最短路径(C++实现图【4】)
  • Docker、containerd、安全沙箱、社区Kata Containers运行对比
  • 【基于rust-wasm的前端页面转pdf组件和示例】
  • ant design学习记录:响应式尺寸头像大小 Avatar
  • react杂乱笔记(一)
  • 【数据库】SQL应该如何针对数据倾斜问题进行优化
  • 部署开源大模型的硬件配置全面指南
  • 【es6复习笔记】迭代器(10)
  • Web入门常用标签、属性、属性值
  • 学习ASP.NET Core的身份认证(基于JwtBearer的身份认证2)
  • 数据结构与算法易错问题总结
  • 云备份项目--工具类编写
  • Unity AVPro Video使用和WebGL播放视频流