vue cli安装步骤
vue cli安装步骤
tianyawhl 发表于3个月前
vue cli安装步骤
  • 发表于 3个月前
  • 阅读 5
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

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的版本就好了。

共有 人打赏支持
粉丝 2
博文 160
码字总数 60921
×
tianyawhl
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: