npm install vue-router --save
下载node.js安装https://nodejs.org/en/
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install vue-cli -g
初始化:
vue init webpack vue-demo
npm install
npm run dev
npm install stylus-loader css-loader style-loader less-loader --save-dev
webpack中如何使用vue
//1.安装vue包 cnpm i vue -D
//2.由于需要在webpack中要使用 .vue 这个组件模板定义组件 所以需要下载 安装能够解析 .vue 的loader
//cnpm i vue-loader vue-template-compiler -D
//3.在main.js文件中 导入vue模块 import Vue from 'vue'
//4.定义一个.vue结尾的组件,里面的内容包括 template script style 这三大主标签
//5.需要在webpack.config.js 的配置文件里面定义组件 {test:/\.vue/,use:'vue-loader'}
//6.使用import xxx from './xxx.vue',导入这个组件
//7创建vm实例 var vm = New Vue({el:'#app',render:c=>c(xxx)})
//8.在页面中创建一个id为app的div元素,作为vm实例控制的区域