今天遇到了奇怪的问题，在main.js中引入全局样式，在组件中引用样式时，有些样式失效，有些样式生效。但是神奇的是build打包后样式是正常的。注册两字没有变成红色。。刚开始以为是class名字命名冲突之类的，网上查了很多资料，有提到说css文件中写了中文注释引起的，试过了不行。后来把所有的样式删掉，只剩一个样式，就生效了。好了，罪魁祸首就是空格符。build打包时会有压缩，所以不会有

npm install 【插件名】或 npm install 【插件名】--save 归属dependencies，表示代码运行时所需要的包。npm install 【插件名】--save-dev 归属 devDependencies，表示开发时依赖的插件（即不会打包至线上）。例如jquery，vue属于项目运行的依赖插件，需要放入dependencies中，像gulp，webpa

官方下载了vue的简单项目，用Atom打开main.js，代码前出现黄点，js报错了在代码语句后加上分号，减少一个黄点，但还报错把鼠标移至import的波浪线上，出现提示：W119 - ‘import’  is only available in ES6(use 'esversion: 6') .意思是import属于ES6的语法，当前页面不能用。在页面上加上 /* jshin

在vue变量未渲染前，会有一瞬间显示代码，影响代码美观。vue有现成的指令来解决这个问题：v-cloak在css中加入：[v-cloak]{display: none;}在需要元素加上：{{demo}}这样，v-cloak所在元素下的变量在未渲染前不会显示。

用Atom打开一个vue项目，并不支持vue语法，所有的标签都是灰的。打开File->Settings->Install,搜索vue会出来一堆插件，安装language-vue-component。ok了。