VSCode搭建vue项目的实现步骤
一、安装环境:
1.默认Vscode、nodejs已经安装好了
2.全局安装vue-cli,vue-cli帮助我们快速构建Vue项目。
npm install -g @vue/cli
3.安装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项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
这篇文章主要介绍了Vue-cli3 项目在安卓低版本系统和 IE 上白屏问题解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2019-04-04Vue3+Vite+TS实现二次封装element-plus业务组件sfasga
这篇文章主要介绍了在Vue3+Vite+TS的基础上实现二次封装element-plus业务组件sfasga,下面文章也将围绕实现二次封装element-plus业务组件sfasga的相关介绍展开相关内容,具有一定的参考价值,需要的小伙伴可恶意参考一下2021-12-12
最新评论