vue全家桶有vue-router,vue-resource,vuex,还有打包工具webpack或vue-cli(vue-cli就像webpack的升级版,能自动生成模板),因为现在vue-resource官网已经不更新,推荐大家使用anxios。
使用vue-cli要有vue单页面和node带的npm和webpack的知识。
因为vue-cli就是基于webpack环境下创建了vue单页面应用,其中App.vue文件就是vue单页面应用。
#vue-cli的安装
#1.在终端使用npm i -g @vue/cli 命令全局安装vue-cli。
#2.安装完vue-cli后在终端使用vue create my-project,就开始创建项目,一般直接回车默认继续安装,如果需要自定义安装,就选择第二个选项。
#3.新建完项目后,在终端
cd my-project
npm run serve
就开始创建运行服务,点击其中的链接,就进入创建的项目中。如图就是成功创建项目:
#5.将main.js,app.vue里面不相关的代码删除,再将index.vue删除,就得到了一个空的项目文件。
以上就是安装使用vue-cli创建项目的过程。