vue的使用配置

个人编辑器是webstorm，虽然占内容占资源， 可是用起来很方便， 刚开始接触的时候就是用这个软件，很喜欢。

vue的教程

一、http://www.jianshu.com/p/5ba253651c3b 

二、续集http://www.jianshu.com/p/9c52ba3113da 

刚开始配置就是这里学习的，仍是比较详细，新入门的同窗能够看看。

 

vue基本配置

我以为不少配置对刚入门的同窗来讲是不必的，若是刚开始了解的话能够直接引入vue在线连接包，就是普通的编辑器像notepad++就能够学习了，

若是想有必定格式化的学习的话， 下载一个webstorm慢慢学习，建立一个webpack开始。

 

 

vue webpack 建立 （简版）

1。安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.安装webpack

cnpm install webpack -g

3.安装vue脚手架

npm install vue-cli -g

4.在硬盘上找一个文件夹放工程用的，在终端中进入该目录

cd 目录路径

5.根据模板建立项目

vue init webpack-simple 工程名字<工程名字不能用中文>
或者建立 vue1.0 的项目
vue init webpack-simple#1.0 工程名字<工程名字不能用中文>

6.安装项目依赖

必定要从官方仓库安装，npm 服务器在国外因此这一步安装速度会很慢。

npm install

7.安装 vue 路由模块 vue-router和网络请求模块 vue-resource（路由的话刚开始学习不必定用得着，可是能够一块儿安装，慢慢就熟悉了）

cnpm install vue-router vue-resource --save

8.启动项目

npm run dev

9.缺什么npm install 什么（这是在之后的学习过程当中或者和别人对接项目的时候，npm run dev 有时候报错是由于依赖缺乏， 安装一下就好了）

 

10.

npm install node-sass --save-dev

npm install sass-loader --save-dev   

这两个是要使用scss的时候安装的，熟悉了就就会以为传统的css很麻烦了，建议学习

 

（结束语：这是个人第一篇文章，写得有些仓促，由于刚加入工做大半年，一直忙着赶项目，因此不多有时间静下心去概括知识，上面的都是之前的笔记拼接起来的，可能不是那么容易懂，之后有了很好的思路会更新的）

（ps: 若是有刚加入前端这个行业的，比较迷茫的同窗，欢迎进群交流，刚建立的，或许只有我一我的，可是我会经全力帮助你或者互相学习的，相信将来会更好

群名称：web技术交流群（往全栈发展的）

群   号：815957915

）