VueCli4.0入门及安装

VueCli4.0安装

npm install -g @vue/cli 其中-g表示全局安装

yarn global add @vue/cli

vue --version // 查看VueCli版本

which -a vue // 查看vueCli安装路径

使用VueCli脚手架创建项目

vue create [项目名]

安装好了以后会出现两条提示命令

cd [路径]
yarn server 
如果没有安装yarn可以使用npm run server命令

接着可以使用

vue ui命令来启动可视化控制界面

接下来我们可以在vue ui中安装各种插件，依赖

在package.json中查看我们所安装的依赖

安装Vue DevTools

https://github.com/vuejs/vue-devtools Git仓库地址
第一步:git clone https://github.com/vuejs/vue-devtools.git
这一步也可以选择手动去网站将压缩包下载下来解压

第二步:进入解压根路径 执行npm install即可
    
第三步:将这个包构建成生产包:执行npm run build

第四步:打开谷歌浏览器-设置-扩展程序-打开已解压的扩展程序
然后将解压包的shells下的chrome导入即可