如何下载使用Vue3,如何在VscodeWebStorm上搭建一个Vue项目【亲测有效、强烈推荐、简单快速】

如何下载使用Vue3,如何在VscodeWebStorm上搭建一个Vue项目【亲测有效、强烈推荐、简单快速】,第1张

如何在Vscode/webstorm上搭建一个vue项目 一、下载node.js二、下载NPM三、打开电脑本地的windows poweshell四、测试
以下方法可以直接在本地创建项目,不过是vscode还是webstorm都可以直接打开使用,十分方便!

一、下载node.js

二、下载NPM

以管理员身份打开cmd

输入

node-v

检查是否node.js是否下载好

输入

npm install -g @vue/cli

下载vue-cli脚手架

等待下载

完成后可以输入

vue—version

查看脚手架版本

三、打开电脑本地的windows poweshell

以管理员身份打开windows poweshell

输入 cd 此项目想放的本地位置

输入 vue create 项目名

即可开始创建vue项目

有的人可能会出现以下的情况:

此时如何解决?你需要通过脚本修改,如下:

正常选择如下:

按空格可以选择,前面会有*号,选择哪些工具取决于你自己项目的需要了

创建成功后

此时按照提示运行以下脚本:

cd 项目名

npm run serve

即可运行项目,显示结果如下图:

四、测试

最后访问本地地址8080,效果如下:

至此项目创建成功!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1321565.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存