码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-06-15 15:55:37      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:global   保留   ini   too   col   mic   执行   安装   ima   

mac安装记得npm前边加sudo

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

npm install -g @vue/cli

 技术图片

 

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

npm install -g @vue/cli-service-global

 技术图片

 

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

vue serve xxx.vue

技术图片

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

 

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

技术图片

 

卸载旧版本:

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

npm uninstall vue-cli -g

 

 

安装桥接工具:

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

npm install -g @vue/cli-init 拉取旧版本

 

 

vscode插件名字:

Vue tooling for VS Code 

Vetur

 

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

标签:global   保留   ini   too   col   mic   执行   安装   ima   

原文地址:https://www.cnblogs.com/padding1015/p/11027568.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!