03 Vue Cli4.0安装与使用

MyQGirl_cov2

于 2020-03-05 09:24:49 发布

阅读量561

点赞数

分类专栏： VUE全家桶实战--小米商城

本文链接：https://blog.youkuaiyun.com/MyQGirl666/article/details/104665519

版权

本文详细介绍了Vue CLI 4.0的安装过程，如何使用它创建项目，启动UI系统，以及如何导入和管理项目。此外，还讲解了如何通过CLI安装依赖如axios和vue-router，并提到了Vue DevTools的安装和使用，帮助开发者更直观地观察和修改应用数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

使用 vue创建项目

vue create mall

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

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

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

启动vue的ui系统

vue ui

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

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

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

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