第一次使用vue-cli3搭建项目

认识Vue CLI3

vue-cli 3 与 2 版本有很大区别
vue-cli 3 是基于 webpack 4 打造,vue-cli 2 还是 webapck 3
vue-cli 3 的设计原则是“0配置”,移除的配置文件根目录下的,build和config等目录
vue-cli 3 提供了 vue ui 命令,提供了可视化配置,更加人性化
移除了static文件夹,新增了public文件夹,并且index.html移动到public中

现在 我们来开始创建项目
第一次使用vue-cli3搭建项目_第1张图片
1.使用命令

vue create project_name

暂时我们项目就叫 vuecli3test 吧!
那我们执行

vue create vuecli3test

第一次使用vue-cli3搭建项目_第2张图片
第一次使用vue-cli3搭建项目_第3张图片

第一次使用vue-cli3搭建项目_第4张图片
第一次使用vue-cli3搭建项目_第5张图片
第一次使用vue-cli3搭建项目_第6张图片
第一次使用vue-cli3搭建项目_第7张图片
第一次使用vue-cli3搭建项目_第8张图片
第一次使用vue-cli3搭建项目_第9张图片
第一次使用vue-cli3搭建项目_第10张图片
我们选择 yes
然后会让我们给这个配置 起一个名字,我们暂时就起 loveyou吧!
然后enter就会创建项目
第一次使用vue-cli3搭建项目_第11张图片
稍等一些 就创建好了
第一次使用vue-cli3搭建项目_第12张图片
第一次使用vue-cli3搭建项目_第13张图片
第一次使用vue-cli3搭建项目_第14张图片
第一次使用vue-cli3搭建项目_第15张图片
vsc version control system 版本控制系统
第一次使用vue-cli3搭建项目_第16张图片
第一次使用vue-cli3搭建项目_第17张图片
第一次使用vue-cli3搭建项目_第18张图片

你可能感兴趣的:(Vue,vue)