前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue工具 - vue/cli@3.xx 安装使用流程

vue工具 - vue/cli@3.xx 安装使用流程

作者头像
xing.org1^
发布2019-06-16 12:59:13
7130
发布2019-06-16 12:59:13
举报
文章被收录于专栏:前端说吧前端说吧

mac安装记得npm前边加sudo

安装脚手架,用于生成目录

代码语言:javascript
复制
npm install -g @vue/cli

安装用于编译单个的.vue文件

代码语言:javascript
复制
npm install -g @vue/cli-service-global

编译单个文件的编译命令:

代码语言:javascript
复制
vue serve xxx.vue

如果编译App.vue的话,是默认文件,不用加文件名。

得到的地址就可以在浏览器运行

卸载旧版本:

如果之前安装过旧版本的(非3.x)脚手架,需要先执行卸载。

代码语言:javascript
复制
npm uninstall vue-cli -g

安装桥接工具:

如果仍然需要保留旧版本的vue,可以全局安装一个桥接工具

代码语言:javascript
复制
npm install -g @vue/cli-init 拉取旧版本

vscode插件名字:

Vue tooling for VS Code 

代码语言:javascript
复制
Vetur
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-06-15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • mac安装记得npm前边加sudo
    • 安装脚手架,用于生成目录
      • 安装用于编译单个的.vue文件
        • 编译单个文件的编译命令:
          • 卸载旧版本:
            • 安装桥接工具:
              • vscode插件名字:
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档