vue的使用配置

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

vue的教程

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

2、续集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

）