在已经建立的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,会看到报错信息,断点查看到底哪里出错了