安装最新版nodejs

​Node.jshttps://nodejs.org/zh-cn/​​安装过程非常傻瓜,一直下一步到完成

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

然后win+R cmd

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

vue3.0环境搭建_npm

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

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

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

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

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

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

vue3.0环境搭建_安装过程_02

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

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

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

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

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

vue3.0环境搭建_npm_03

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

vue3.0环境搭建_安装过程_04

 

vue3.0环境搭建_安装过程_05

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

vue3.0环境搭建_安装过程_06

开始自动创建项目

 

vue3.0环境搭建_node.js_07

 cd vue3进入项目文件夹

运行cnpm run serve

等待若干分钟

vue3.0环境搭建_创建项目_08

访问​​http://localhost:8080/​​ 

就可以看到

vue3.0环境搭建_node.js_09

此页面

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