FE - 走向Node与Webpack 之路 - Vue 开发环境搭建

推荐资料

Vuejs 中文 (推荐)

Vuejs - github (推荐)

Vue 网络请求 - axios (vue-resource不再更新和维护,vue作者推荐使用的)

vuejs-templates (基本环境搭建看这里)

Vue 移动解决方案 - weex (淘宝团队出的)

Vue 网站解决方案 - Element (饿了吗出的)

Vue 路由 (重要!!)

饿了么 大前端 github

gulp 自动化构建工具

极客学院 前端学习 wiki

Vue开发环境搭建

1. 安装 vue-cli

$ npm install -g vue-cli

2.初始化项目

vue 提供五种开发,按照自己需求来;

https://github.com/vuejs-templates

FE - 走向Node与Webpack 之路 - Vue 开发环境搭建_第1张图片

比如我们使用webpack 包含全部功能开发环境:

vue init webpack my-project

webpack简单开发环境

vue init webpack-simple my-project

3.安装依赖包

$ cd my-project
$ npm install //安装依赖包 node_modules
$ npm run dev //开发
$ npm run build //编译构建

4.开发

使用webstorm(或其他编辑器) 打开 在src文件夹 开发即可。

FE - 走向Node与Webpack 之路 - Vue 开发环境搭建_第2张图片

你可能感兴趣的:(web,前端,VUE)