用vue-cli 3.x脚手架写项目
vue-cli官网:https://cli.vuejs.org/zh/
-
安装vue-cli :
npm install -g @vue/cli
-
创建项目:vue create 项目名或 vue ui
-
查看vue脚手架的版本:vue -V
method1:
1.第一步:vue create 项目名,然后按照步骤去执行
? Please pick a preset:
❯ default (babel, eslint) //回车自动安装脚手架需要的各种包
Manually select features //手动安装,需要自己配置选择各种要安装的包
第二步:安装好后进入项目目录并运行
$ cd 项目目录
$ yarn serve 或npm run serve //运行
method2:vue ui
1.输入指令:vue ui
点击vue项目管理器
2.选择文件夹 设置包管理器点击下一步
3.点击手动配置进行项目的创建
4.选择功能点击下一步
5.进行配置点击创建
6.点击运行
7.缓存完成,运行在服务器上
小技巧
无论是vue create 项目名的手动配置还是 vue ui的手动配置(俩个配置完其实是一样的,个人认为vue create手动配置更加简单,所以详细介绍了一下vue ui的方法),都比默认配置的项目全面