杭州市萧山区市场建设开发网站/七台河网站seo

介绍vue全家桶项⽬所⽤到的技术栈
简介：介绍全家桶项⽬成员及其在项⽬中的定位与作⽤

1. 项⽬构建⼯具vue-clivue-cli是⼀个脚⼿架⼯具，为我们搭建了开发所需要的环境和⽣成⽬录架构
2. 路由vue-router
   创建单⻚应⽤，我们的单⻚应⽤只做路由切换，组件拼凑成的
   ⻚⾯映射成路由
   路由是我们单⻚应⽤的核⼼插件
3. 状态管理vuex
   状态管理库，可理解为全局数据集中地
   推荐⼩项⽬尽量别⽤vuex，会显得有点繁琐，bus总线机制完
   全可以处理了
4. http请求⼯具axios（ vue-resource官⽅已停⽌维护）
   ⼀个经过封装的ajax,可以根据⾃⼰的项⽬情况再进⾏封装
   axios是经过了ES6的promise
   前后端联调必备技术之Mock讲解
   简介：带⼊新概念之前端⾃编写开发阶段接⼝，实现前后端开发可并⾏状态
   什么是Mock数据？
   处于开发环境模拟接⼝返回的数据（⽤于开发状态后端还没给接⼝）
   不会影响⽣产环境，只是⽅便我们还没与后端交互时不阻塞我 们开发流程
   Mock数据的好处
   团队可以并⾏⼯作（后端进度不⾄于影响前端开发进度）可以⽤来演示开发成果，实时反馈开发进度
   第⼆章 搭建vue单⻚⾯应⽤⼯程架构
   第⼀节：对⽐vue-cli2.x和vue-cli3.x的搭建
   简介：深⼊了解脚⼿架vue-cli2.x版本与3.x版本构建项⽬的区别
   搭建前提条件：
5. node环境node是傻⽠式安装的，直接去官⽹下载安装不断下⼀步
   命令⾏输⼊node -v查询版本号，有版本号即安装成功
   node⾃带npm包管理⼯具（安装好node也可以输⼊npm - v查看版本号）

npm太慢，下载国内淘宝镜像

cnpm(npm install -g cnpm --registry  =  https://registry.npm.taobao.org) 

2. 安装webpack
运⾏

npm install webpack -g 

创建文件：

vue init webpack + 名称
npm run dev  启动

3. 安装vue-cli 2.x

npm install vue-cli -g 

创建项⽬：

vue init webpack 项⽬名(不要取中⽂名字) 

4. 安装vue-cli 3.x

npm install @vue/cli -g 

创建项⽬：

vue create 项⽬名（不要取中⽂名字） 

第一个是保存的配置
default是默认的配置
Manually select features是重新设置配置
空格键是选择的意思


选y

选stylus

选第一个单独配置文件

把这个作为未来项目的预置? 选y

给起个备注：