IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> vue - 开始vue3项目的搭建 -> 正文阅读

[JavaScript知识库]vue - 开始vue3项目的搭建

??近期开始学习vue3,所以在这里记录一下,主要使用的是脚手架的方式搭建的项目。注意点:我这里是直接在vue2.x的基础上全局安装vue3脚手架的,达到vue2.x和vue3可以同时使用的效果,所以跟官网的安装介绍会有所不同。

一、环境搭建

1、安装node环境
??版本需要在8.9以上,包括8.9版本。可以使用 node -v 检查自己安装的node版本。
在这里插入图片描述
2、搭建脚手架 vue-cli3.0 (全局安装)

npm install @vue/cli -g

可以使用 vue -V 检查是否安装成功。
在这里插入图片描述

二、开始搭建项目

??环境安装好之后,我们就可以开始搭建项目了。
??首先,运行 vue create +项目名 搭建项目,注意项目名称不支持驼峰命名。

	vue create 项目名称

??回车之后,我们会发现开发工具会提示我们要创建vue2的项目还是vue3的项目,此时我们只需要按住键盘的上下键选择到vue3那个选项即可,如下:
在这里插入图片描述在这里插入图片描述
??在运行期间会提示 要使用 yarn 还是npm,根据自己喜欢选择即可,我这里选择的是 npm。当出现下面这个就表示安装成功了。我们可以看到此时的项目目录是这样的:
在这里插入图片描述
然后我们进入对应的文件夹,运行 npm run serve 启动项目即可:
在这里插入图片描述

项目启动成功后打开网页,我们能开到这样的页面:
在这里插入图片描述
这样就表示我们创建好了vue3项目了,然后就可以根据自己的项目需求进行开发了。

三、补充说明

??如果根据以上方法安装了vue3之后,还想使用 vue init webpack 项目名称 创建vue2.x项目,则需要运行一下 npm i -g @vue/cli-init 这个代码,这个的目的是使 vue2.x和vue3 兼容。

PS:使用 vue init webpack 项目名称 搭建 vue2.x 可以看这里 ? https://blog.csdn.net/LiaoFengJi/article/details/93972525

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-24 15:27:49  更:2021-08-24 15:29:32 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/27 4:38:54-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计