美文网首页
vue-cli,试着撸一个麻雀项目(1)

vue-cli,试着撸一个麻雀项目(1)

作者: 春困秋乏夏打盹_e473 | 来源:发表于2018-07-21 18:57 被阅读0次

一,首先你需要让你的电脑里有一个完整版本的node。

    在电脑中安装一个node之后,你就可以流畅的使用npm来安装你一切想要的东西了。这是个前提!

二,第一步,在你的电脑中全局安装vue -cli    

     通过指令,npm install vue-cli -g

这个指令输入在终端,然后,就等待它安装好就可以了。

三,安装好vue-cli之后,

    接着通过指令vue init webpack  myvue(这里是项目名称,随意起,只要最后找的到)。

之后,等待ing。

四,这个时候,等安装完成之后,你只需要一直按回车,

    这里其实就是创建了一个json的文件,项目名称,作者,用到的模块等等都是这里设置的。

五,最后,cd  /d 到你刚才创建的项目名称文件夹中,

这时候,按照终端给出的指令,npm run dev,就可以执行你的项目了。

当在浏览器中,输入localhost:8080之后,

你就可以进入到官方给出的vue脚手架指定的项目中了。

这时,你会看到如下图中的界面!

vue-cli搭建vue项目框架时,进入成功后就是这个界面。

相关文章

网友评论

      本文标题:vue-cli,试着撸一个麻雀项目(1)

      本文链接:https://www.haomeiwen.com/subject/texkmftx.html