vscode怎么打包vue项目? vscode中vue项目打包流程
程序员文章站
2022-03-07 14:13:18
visual studio code想要实现本地轻松打包vue项目,该怎么操作呢?下面我们就来看看详细的教程。vscode运行vue项目不知道该怎么运行vue项目的朋友可以参考该篇文章《》。vscod...
visual studio code想要实现本地轻松打包vue项目,该怎么操作呢?下面我们就来看看详细的教程。
vscode运行vue项目
不知道该怎么运行vue项目的朋友可以参考该篇文章《》。
vscode打包vue项目
进入visual studio code界面,选择文件→首选项→设置
打开settings.json文件
输入
"npm.enablescriptexplorer":true,
保存
重启visual studio code,重新进入界面
在左侧边菜单栏底部出现npm脚本菜单栏
里面有三个命令
- serve
- build
- lint
右键点击build运行
执行完毕,打包文件夹dist成功生成
以上就是vscode中vue项目打包流程的全部过程,希望大家喜欢,请继续关注。
上一篇: vue+antv实现雷达图的示例代码
下一篇: vue中使用typescript配置步骤
推荐阅读
-
vscode中vue-cli项目es-lint的配置方法
-
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
-
详解vue项目打包后通过百度的BAE发布到网上的流程
-
vscode怎么打包vue项目? vscode中vue项目打包流程
-
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
-
vscode中vue-cli项目es-lint的配置方法
-
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
-
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
-
vue-cli打包代码时怎么抽离项目相关配置文件
-
详解vue项目打包后通过百度的BAE发布到网上的流程