VSCode搭建vue项目的实现步骤
一、安装环境：
1.默认Vscode、nodejs已经安装好了
2.全局安装vue-cli，vue-cli帮助我们快速构建Vue项目。
npm install -g @vue/cli3.安装webpack (打包js的工具)
npm install -g webpack二、建项目：
1.开始创建vue项目，首先创建一个文件夹用来存放项目，用vscode打开对应的文件夹，并在终端cd到对应的文件夹。比如我的文件夹就是VUE
注意：接下来的命令需要在cmd命令窗口，vscode默认是powershell，需要自己改一下。
vue create 项目名
3.接着运行项目，先cd到项目文件夹（这里我的项目叫 myvue），cd myvue，然后输入以下指令。（这部可能会报错，解决方法在文章最下方）
npm run serve
4.接着在浏览器里输入:http://localhost:8081（vscode给的链接，大家可能会有点不一样），看到如下vue页面就是成功啦。
5.项目打包发布上线
npm run build完成之后，项目文件夹中会出现一个dist文件夹，里面就是打包之后的内容，直接部署就好了。
问题：npm run serve时可能会报错（关于eslint校验的错误或警告，如下图）
解决：注释掉这一行
到此这篇关于VSCode搭建vue项目的实现步骤的文章就介绍到这了,更多相关VSCode搭建vue项目内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
