vue cli安装步骤 原

1、全局安装 vue-cli      npm install --global vue-cli 2、创建一个基于 webpack 模板的新项目      vue init webpack my-project 3、切换到项目文件夹安装依赖       $ cd my-project       $ npm install      但是在进行到$ npm install时 总是错误Failed at the phantomjs-prebuilt@2.1.15 install script 'node install.js     这时需先安装phantomjs-prebuilt     npm install phantomjs-prebuilt@2.1.15 --ignore-scripts     再npm install 4、npm run dev

5、生成dist文件夹，npm run build

把生成的dist文件夹的内容上传到http服务器上就可以通过 http来访问了

.vue文件高亮显示

默认情况下，Vue.js 的单文件组件（*.vue）在 sublime 编辑器中是不被识别的。若要想高亮显示，需要安装插件 Vue Syntax Hightlight。安装步骤如下：  第一，在 sublime 中打开 PackageControl 快捷键 Ctrl+Shift+P，或者在菜单Tools->Command Palette 第二，打开 Install Package 窗口，回车。  第三，输入vue找到相应的插件，回车安装 

.vue文件格式化

 点击Install Package，然后搜索HTML-CSS-JS Prettify，按确定，等待安装结束。

安装HTML/CSS/JS Prettify后 ：  tools->HTML/CSS/JS Prettify->Pligin Options-Default  在”allowed_file_extensions”: [“htm”, “html”, “xhtml”, “shtml”, “xml”, “svg”,”vue”] 加上vue就好了

如果从github下载别人的例子，前面的安装都很顺利，最后一步npm run dev出现莫名奇妙的错误（如显示{}异常）可以把node重新安装新的版本，我之前一直显示错误，之前的版本是5点几的版本，重新安装了6.1的版本就好了。

(adsbygoogle = window.adsbygoogle || []).push({});