vue-cli3项目搭建——有点顺眼

使用vue-cli3搭建项目

官方地址:https://cli.vuejs.org/zh
如果安装过旧版本(vue-cli)建议删除重新安装新版本(@vue/cli)
删除指令:

npm uninstall vue-cli -g   ||  yarn global remove vue-cli

``安装指令```

npm install -g @vue/cli   ||  yarn global add @vue/cli

检测是否成功

vue --version

项目创建

创建:注意项目名字不可以有大写字母哦

vue create hello-world

按需选择配置、项目运行方式、插件等等
根据你选择的包管理方式运行

npm run serve    ||  yarn serve

vue-cli3还提供了界面式的创建项目:

在终端中执行:

vue ui

呈现以下界vue项目管理器
vue-cli3项目搭建——有点顺眼_第1张图片
点击创建之后跟着提示往下走即可,按需安装的插件或者配置还会有提示信息
vue-cli3项目搭建——有点顺眼_第2张图片

创建完成的新项目对比如下:

vue-cli3项目搭建——有点顺眼_第3张图片
那么vue-cli3创建的项目结构跟react+dva创建的就类似多了
注意:vue-cli3创建的项目因为丢弃了build和config两个文件,所以需要在根目录创建一个vue.config.js在此填写配置信息(本人比较懒是网上找的)

你可能感兴趣的:(web前端)