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，点终止即可。