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

安装nodejs

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

cmd进入你创建的项目下,

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

2、安装你需要的依靠:

这里我提供一小部分:

npm install webpack --save-dev //webpack
npminstall 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/

上一篇:Jquery优秀的图片弹出层插件-Fancybox框架 下一篇:没有了