NPM是随同NodeJS一起安装的包管理工具，在这之前先安装好npm：http://nodejs.cn/download/，
然后根据教程进行全局安装：https://www.runoob.com/nodejs/nodejs-npm.html
编写工具我一直用的sublime text 3，建议用官网下载的英文版，中文版固然容易看懂，但是很多功能会有一些问题
Vue的初学者可以按照Vue.js官网和菜鸟教程的步骤走，我是没有出现什么问题，然后devtools调试器可以选择性安装，最好用开发版本，链接在官网→安装 可以找到，直接用<script>标签引入就好，用之前安装好的npm安装淘宝镜像，利用cnpm命令行安装cli，用webpage搭建项目
Vue.js官网:https://cn.vuejs.org/v2/guide/installation.html
菜鸟教程:http://www.runoob.com/vue2/vue-install.html
Vue.js源码:https://github.com/vuejs/vue
Vuejs官方工具:https://github.com/vuejs
Vuejs官方论坛:http://forum.vuejs.org/
刚开始在建立项目的时候
vue init webpack XXXX(项目名)
一直回车,默认Y
在router的时候选Y,后面一律No就行了,因为后面的是语法检测等目前不必要的东西
一些目录结构:
index.html文件入口
src放置组件和入口文件
node_modules为依赖的模块
config中配置了路径端口值等
build中配置了webpack的基本配置、开发环境配置、生产环境配置等
我说一下我用的sublime text 3的插件:
AutoFileName 可以自动显示路径文件名
BracketHighlighter 高亮显示，传统的显示不太明显，显示这个可以清晰查看自己漏掉的标签或者括号
ColorPicker 颜色筛选器
Emmet 编写CSS神器，会自动弹出
PyV8 安装Eemmet会自动安装，如果不能，当然只有手动再安装了
HTML5 支持hmtl5规范的插件包
jQuery 支持JQuery规范的插件包
Package Control 必安- -...
Vue Syntax Highlight Vue 语法高亮
然后是SASS，在ruby安装出现的一个坑
不了解的可以了解一下，三大CSS预处理器，至于选择哪个是看个人和公司，就像可口可乐和百事可乐的区别一样，当然我选择的是SASS，先在SASS官网安装，自带RUBY官网链接，安装SASS必须先安装RUBY，RUBY有些版本无法访问，可以再试试其他版本，然后在这里要注意：
删除原gem源的步骤执行后，不要安装国内淘宝源，原因是淘宝已经不再维护了，现在是由china维护，因此如果遇到报错
ERROR: Could not find a valid gem 'sass' (>= 0), here is why:
Unable to download data from ....
就可以用
gem sources -a https://gems.ruby-china.org/（如果不行，就把htpps的s去掉）
全部安装好后，打开sublime安装sass和sass build，右下角的默认plain text更换为sass，编写后保存格式为.scss，Ctrl+B会编译一个新的css出来，因为sass是css的预处理，不能直接被识别，必须经过编译
就OK啦！
但是可能会出现utf-8的问题，就是出现乱码或者提示错误，这个时候可以
找到Ruby安装目录如下文件，如：
D:\Ruby\lib\ruby\gems\2.2.0\gems\sass-3.5\lib\sass\engine.rb
打开文件后
添加下面代码到各种require 'XXXXXX'后面即可
Encoding.default_external = Encoding.find('utf-8');（注意括号引号大小写，然后要紧紧相连）
我当时以为自己也是这个问题，结果并不是，解决了一个多小时发现都没有报网上说的带utf-8字样的错，便重启了一下
sublime便好了，我感觉自己怕不是一个傻子吧哈哈哈。。。所以要认清问题解决
或者在这一步的时候实在解决不了，就用koala专用编译器来编译，变通一下，简便很多，我只是习惯用sublime了而已，
附上网址https://www.sass.hk/skill/koala-app.html