vsCode安装配置创建Vue3项目

本文详细介绍了如何安装VSCode及中文语言包,接着讲解了Node.js的下载与安装,并通过设置淘宝镜像加速来安装Vue脚手架@vue/cli。然后,展示了如何验证安装成功并创建Vue3项目,最后说明了启动本地服务器并在浏览器预览项目的方法。
摘要由CSDN通过智能技术生成

1.安装vsCode

直接去官网下载安装一直下一步就好,这个就不多说了。

安装完成vsCode后在扩展中搜索"Chinese"安装中文语言包

2.安装Node.js

官网地址:Node.js (nodejs.org)

点击下载

 下载完成后点击Next下一步。

勾选这个选项等待安装完成就可以了

3.查看Node.js是否安装成功

打开CMD分别输入'node -v'和'npm -v'。出现版本号则安装成功

 4.安装脚手架

由于国内速度太慢很可能下载超时,所以我们需要先安装淘宝镜像。

npm config set registry=http://registry.npm.taobao.org

安装完成淘宝镜像后再输入‘npm install -g @vue/cli’安装脚手架

npm install -g @vue/cli

都安装完成后输入'vue -v',看到这个就是已经安装成功了

5.创建vue项目

 打开vsCode,点击上方的终端-新建终端。再终端中输入cd “项目目录”。跳转到你需要的目录下

 再输入'vue create 项目名称'(禁止出现大写字符!)。之后选择对应的vue版本。建议选vue 3选择完毕后直接回车等待创建完成

创建完成后输入'npm run serve'启动项目。默认端口为8080 

打开浏览器输入http://localhost:8080/便可看到新建的vue3项目了

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值