使用vue-cli脚手架工具搭建vue-webpack项目

Vue和Angular、React都是前端框架

1、单页面框架、
2、基于模块化组件化的开发模式

Vue简单 灵活 高效   国内的中小企业里面用的非常多

搭建vue的开发环境：

1、必须要安装nodejs

2、搭建vue的开发环境 ，安装vue的脚手架工具   官方命令行工具

npm install --global vue-cli  /   cnpm install --global vue-cli         （此命令只需要执行一次）

3.1、创建项目   必须cd到对应的一个项目里面

       vue init webpack vue-demo01

        cd  vue-demo01 
        
        cnpm install   /  npm install        （ 如果创建项目的时候没有报错，这一步可以省略。如果报错了  cd到项目里面运行  cnpm install   /  npm install）
        
        npm run dev（运行想项目）

3.2、另一种创建项目的方式   （推荐）  ***（本人目前用的是这种，包没有那么多）
        

        vue init webpack-simple vuedemo02

        cd  vuedemo02
        
        cnpm install   /  npm install        
        
        npm run dev

-----------------------------------------------------------------------------------------------------------

这样即可安装完成了，也会自动打开首页，没有就自己手动打开即可

简单总结如下7步

安装（3步）：

1. 安装node.js(安装这个的时候会自带安装npm)
2. 配置cnpm镜像
   因为npm是国外的，会有点慢，所以我们再安装一个cnpm淘宝景象
   (mac系统更新npm时没有权限，加上sudo即可)
3. 安装vue-cli

建项目（4步）：

 

      1、vue init webpack-simple vuedemo02

      2、 cd  vuedemo02
        
      3、  cnpm install   /  npm install        
        
      4、 npm run dev