03 Vue Cli4.0安装与使用

1  Vue Cli 4.0安装

vue clie属于插件,发布在npm中的插件,都可以通过npm的方式安装;安装新软件,会自动覆盖以前的旧软件.

#npm 安装 
npm install -g @vue/cli

#yarn安装
yarn global add @vue/cli

#查看版本
vue --version

查看vue安装在哪些地方

which -a vue

2  Vue Cli 4.0使用

使用 vue创建项目

vue create mall

然后会提示你,预安装 默认安装bable和eslint.bable用来编译es6 的语法,eslint用来做项目的检查

回车之后,按照给出的提示,就可以跑起来项目

cd mall
yarn serve
#如果没有安装yarn,也可以用下面的命令
npm run serve

启动vue的ui系统

vue ui

启动之后,里面是没有项目的,需要导入.

也可以不进行前面的操作,先使用ui,来创建项目.

导入项目之后，可以用仪表盘终止一个项目端口，直接输入8080，点终止即可。

旁边还有一些辅助插件，不会被编译到项目中，也就是打完包之后，包里不会有这些东西。

如果想要安装插件

安装依赖 axios、vue-router

这些都是连着npm，去npm仓库拉出来的

打开package.json,安装的依赖全都有了,然后继续安装vuex。

新建一个分支，v3-2，推送到远程。

3-3  Vue DevTools安装使用

https://github.com/vuejs/vue-devtools

http://www.imooc.com/article/294527

在源码中添加data age = 30

通过vue工具就可以直观的看到，可以更改数据，删除等