Vue项目开发实战知识点

1、前端三大框架：Angular.js、React.js、Vue.js。其中vue.js框架更加容易上手、灵活度更高。

2、项目的技术栈选型：安装Node环境；包管理工具NPM是伴随Node安装的；Vue-cil的安装以及初始化vue项目；与Vue框架搭配使用的UI框架选择iView框架；页面路由选择使用vue-router插件完成；数据共享使用VueX；选择使用ECMAScript6语法编写javaScript；选择官方推荐的axios插件来发送异步请求；后台数据通过Mook数据模拟。

3、Node.js的基本命令

node安装成功：node -v；npm安装成功：npm -v；安装模块：npm install xx -g 用-g可以表示是不是全局安装；查看某个模块的版本号：npm list xx；卸载模块：npm uninstall xx；更新模块：npm update xx。

4、安装CNPM

命令行输入 npm install -g cnpm --registry=https://registry.npm.taobao.org

输入完成后可以输入 cnpm -v查看有没有安装成功，出现版本号表示安装成功。

5、Vue-cil脚手架

cnpm install vue-cil -g；cnpm install webpack -g;到这里准备工作已经完成，

可以使用Vue-cil脚手架快速搭建单页面应用，输入vue init webpack 项目名称。

6、脚手架中的命令交互

project name:如果输入新的项目名称，则会使用；Project description:项目的描述内容；Author:作者；Vue build:打包方式；install vue-router?(Y/N):是否安装Vue路由，建议选择Yes；Use ESLint to lint your code?(Y/N):是否启用ESlint检测，选择不启用；Set up unit tests (Y/N):是否需要单元检测，建议选择不需要；Setup e2e tests with Nightwatch?(Y/N):是否需要端对端的检测，不需要；

安装项目依赖模块 cnpm install 运行后会多一个node_modules文件夹，最后启动项目：npm run dev ；启动后打开浏览器输入 http://localhost:8080，确认项目是否运行成功。