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/

就可以看到

此页面

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


相关文章
|
3月前
|
JavaScript
Vue 多环境配置
Vue 多环境配置
24 0
|
4月前
|
JavaScript Windows
vue 搭建开发环境(2021版)
vue 搭建开发环境(2021版)
30 1
|
JavaScript 测试技术
Vue.js开发环境搭建的介绍
Vue.js开发环境搭建的介绍
44 0
|
JavaScript 前端开发 编译器
从零开始用vue-cli搭建vue项目
从零开始用vue-cli搭建vue项目
125 0
从零开始用vue-cli搭建vue项目
|
JavaScript 前端开发 开发者
【Vue2从入门到精通】超简单的vue2开发环境安装
Vue是一款非常流行的JavaScript框架,它可以帮助开发者轻松地构建交互式的Web应用程序。在本文中,我们将会讲解如何搭建Vue2的开发环境,让你可以快速开始开发自己的Vue应用程序。
367 0
【Vue2从入门到精通】超简单的vue2开发环境安装
|
JavaScript Java
使用vue-cli脚手架搭建一个vue项目
使用vue-cli脚手架搭建一个vue项目
66 0
|
Web App开发 JavaScript 开发者
[Vue]开发环境搭建
[Vue]开发环境搭建
|
资源调度 JavaScript 前端开发
VUE开发环境搭建
本文旨在为VUE前端入门人员提供环境搭建参考
7809 1
|
JavaScript IDE 测试技术
Vue2.x-03使用vue-cli搭建Vue开发环境
Vue2.x-03使用vue-cli搭建Vue开发环境
101 0
|
Web App开发 JavaScript 前端开发
【Vue五分钟】 Vue Cli脚手架安装配置
这个脚手架是一个基于Vue快速进行的开发的完成系统;是基于webpack构建开发的,带有合理的配置,可以通过项目的文件进行配置。
【Vue五分钟】 Vue Cli脚手架安装配置

相关实验场景

更多