创建vue实例

在已经建立的web项目上配置vue环境

命令窗口切换到目录下，执行cnpm init配置相应内容，生成package.json文件，

此时package文件dependencies插件依赖的开发环境还没有，

执行cnpm install vue --sava(也可以cnpm install vue --sava-dev配置devDependencies)，都是一样的，

之后配置vue-resource(调接口的)，执行cnpm install vue-resource --save

 

 

 

 

cnpm i vue --save  安装vue

cnpm list  查看有哪些依赖

node  进入node界面

cnpm install -g vue-cli   全局安装vue脚手架

vue init webpack-simple demo   安装简介webpack

vue init webpack  demo  安装完整webpack

cnpm install  安装所有所需依赖

cnpm run dev  运行项目

 

vue-cli搭建目录中：

config/index.js：端口号等相关配置

index.html为入口页面；

src/main.js为入口页面的js 

src/App.vue为页面级vue组件

src/router/index.js组件配置js

src/components：组件目录

src/assets:资源目录

static:静态文件目录

//

*组件.vue中<template>整体的<div>模块</template>

*.vue文件中，用import引用静态css/js文件

*组件.vue中<style>要在<template>的外面

 

 

 

chrom断点测试

Ctrl(commond)+p定位到某个js，会看到报错信息，断点查看到底哪里出错了