vue.js框架初学者学习教程

安装nodejs

自己创建一个文件夹当项目——test

cmd进入你创建的项目下，

1、npm init 初始化创建package.json

2、安装你需要的依赖：

这里我提供一小部分：

npm install webpack --save-dev     //webpack
npm install webpack-dev-server -g     //webpack服务器
npm install webpack-merge
npm install babel-loader --save-dev   //babel
npm install babel-plugin-transform-es2015-arrow-functions
npm install babel-preset-es2015
npm install babel-runtime
npm install es6-promise
npm install vue   //vue.js 现在是2.0版本
npm install vue-cli
npm install vue-loader --save-dev
npm install vue-html-loader
npm install vue-hot-reload-api
npm install vue-resource --save-dev
npm install vue-router --save-dev

创建webpack.config.js文件配置 可以参考我提供的项目

创建index.html入口  创建src/main.js  js主文件入口

//启动项目

webpack-dev-server --inline --hot  

浏览器打开：http://localhost:8080/