Vue学习笔记:第一个vue-cli应用程序

什么是vue-cli：

    vue-cli 是官方推出的一个vue项目的脚手架，用于快速搭建一个简单的vue项目模板。

---

需要的环境：

    （管理员身份打开命令行）

   安装Node.js:    http://nodejs.cn/download/  

    确认node.js安装成功------>cmd 下 输入 node  -v / npm -v 查看能否打印出版本号即可！

安装成功查看版本

    安装 cnpm（nodejs淘宝镜像加速器）:用于解决有些用npm安装不成功的插件

    < -  -g 是全局安装 - >

    npm install cnpm -g

    

安装cnpm

安装 vue-cli  ：   

        cnpm install vue-cli -g

安装vue-cli

 输入vue list 查看 是否安装成功

---

第一个 vue-cli 应用程序

1.创建一个vue项目，在电脑上先随便创建一个空的文件夹

2.在空文件夹内创建一个 基于 webpack 模板的vue应用程序

vue init webpack myvue

都选no即可 

说明

---

初始化并运行

cd myvue                 //进入项目

npm install              //安装依赖环境

npm run dev         //运行项目   

ctrl +c                //停止项目

导入依赖

运行成功

---

项目描述

bulid:构建；

config:配置文件；

node_modules(类似于java:lib文件):存放项目依赖及插件位置；

src：项目源码的位置

     - main.js:项目入口位置；

     - App.vue:主页面

     - component: vue组件存放

static：静态资源文件；

index.html:程序主入口；

package.json:版本信息

项目结构

OK，第一个vue-cli应用程序就这样吧 ！！