vue3.0环境搭建

简介: vue3.0环境搭建

安装最新版nodejs

image.png

安装过程非常傻瓜,一直下一步到完成

----------------------------------------

然后win+R cmd

输入node -v,我这里安装的是v12.22.4

显示如下信息就代表安装成功了

----------------------------------------

然后,安装淘宝镜像npm install -g cnpm registry=https://registry.npm.taobao.org

----------------------------------------

继续安装vue脚手架cnpm i -g @vue/cli

安装完成后vue -V 回车验证

只要是v4.5+版本的脚手架就可以搭建vue3.0的项目了

----------------------------------------

进入正题:开始创建vue3.0项目!

到需要创建项目的文件夹cmd运行 vue create vue3

回车,下箭头移动光标到 > Manually select features

回车后,把下面的这几项都勾选(*)上 ,继续回车

后续提示根据自己需求选择好

开始自动创建项目

cd vue3进入项目文件夹

运行cnpm run serve

等待若干分钟

访问http://localhost:8080/

就可以看到

此页面

就代表搭建成功了,开始撸码吧兄嘚~


相关文章
|
4月前
|
JavaScript
Vue 多环境配置
Vue 多环境配置
27 0
|
5月前
|
JavaScript Windows
vue 搭建开发环境(2021版)
vue 搭建开发环境(2021版)
37 1
简单搭建一个vue3项目
简单搭建一个vue3项目
79 0
|
7月前
|
JavaScript 前端开发 网络架构
Vue基础-搭建Vue运行环境
这篇文章介绍了在Vue.js项目中进行开发环境搭建的关键步骤。包括node.js安装和配置、安装Vue及Vue CLI工具、安装webpack模板、安装vue-router、创建Vue项目等步骤。这篇文章为读者提供了清晰的指南,帮助他们快速搭建Vue.js开发环境,为后续的项目开发奠定基础。
127 0
Vue基础-搭建Vue运行环境
|
JavaScript 测试技术
Vue.js开发环境搭建的介绍
Vue.js开发环境搭建的介绍
45 0
|
JavaScript 前端开发 应用服务中间件
【Vue3】搭建vue3项目以及环境
【Vue3】搭建vue3项目以及环境
134 0
|
JavaScript 前端开发 编译器
从零开始用vue-cli搭建vue项目
从零开始用vue-cli搭建vue项目
132 0
从零开始用vue-cli搭建vue项目
|
JavaScript 前端开发 开发者
【Vue2从入门到精通】超简单的vue2开发环境安装
Vue是一款非常流行的JavaScript框架,它可以帮助开发者轻松地构建交互式的Web应用程序。在本文中,我们将会讲解如何搭建Vue2的开发环境,让你可以快速开始开发自己的Vue应用程序。
454 0
【Vue2从入门到精通】超简单的vue2开发环境安装
|
开发框架 JavaScript 前端开发
【vue入门手册】一、vue安装到运行
【vue入门手册】一、vue安装到运行
160 0
|
JavaScript
vue+element 环境配置,项目搭建 3.0后版本vue-cli脚手架
vue+element 环境配置,项目搭建 3.0后版本vue-cli脚手架
下一篇
DataWorks