Vue的介绍

1.学习资源

• Angular
• nodejs+express
• koa2
• ionic3

2.vue 和 angular、react 都是前端框架

• 单页面框架

• 基于模块化组件化的开发模式

3.vue 特点

• 简单
• 灵活

Vue环境搭建

1.必须安装nodejs

2.搭建开发环境

• 安装vue的脚手架工具

npm install --global vue-cli

• 创建项目

vue init webpack vue-demo01

cd vue-demo01

npm install 如果运行项目没有报错，这步省略

npm run dev

• 另一种创建项目的方式

vue init webpack-simple vue-demo02

cd vue-demo02

npm install 如果运行项目没有报错，这步省略

npm run dev

• 安装vue Cli3

npm install -g cnpm --registry=https://registry.npm.taobao.org安装cnpm，不然vue-cli下载不下来

npm install -g @vue/cli或cnpm install -g @vue/cli

• 用vue-cli创建项目

vue create hello-world

cd hello-world

npm run serve运行

npm run build编译

• 用图形化界面创建项目

vue ui