版本：

vue 2.5.2

webpack 3.6.0

先說stylus。

用npm裝個包。

npm install stylus stylus-loader  --save-dev

然後在.vue文件中使用。

<style lang="stylus">
...
</style>

然後是sublime。需要裝兩個插件：高亮、自動完成。

高亮：https://github.com/billymoon/Stylus

自動完成：https://github.com/lnikell/stylus-clean-completions

如果你的網絡和我一樣連不上sublime的服務器，那麽裝自動完成插件會稍微麻煩一點...因為這個插件是一個.sublime-completions

正確的使用方法：你的安裝路徑\Sublime Text 3\Packages\User\MySnippets，新建文件夾。（我之前已經有了User文件夾，所以新建MySnippets就行了）。然後，把github上stylus.sublime-completions文件粘貼進去。

這樣就可以了。

如果你了解sublime自動完成（Snippet），你也可以根據需要改寫這個文件...

再說less。

用npm裝個包。註意的是，less不要裝最新版，裝2.7.3版。

npm install [email protected] less-loader  --save-dev

然後在.vue文件中使用。

<style lang="less">
...
</style>

這樣就可以了。

註意，有的博客會讓你加less-loader。

在我這個版本的vue-webpack模板裏，各種格式的樣式文件已經配置過了，所以加less-loader是錯誤且沒有必要的。

然後是sublime。裝一個插件就全搞定了。

https://github.com/danro/LESS-sublime

vue : 使用stylus less （包括sublime插件支持）