美文网首页我爱编程
Vue.js项目搭建

Vue.js项目搭建

作者: writeanewworld | 来源:发表于2018-05-30 17:50 被阅读0次

    1.个人理解
    现在前端框架是无疑已经是vue、angular、react的天下了。angular2学过一段时间,也是用angular2做过一个电脑配件销售商城项目,但是从使用中可以感觉的出来这个架子还是比较臃肿的。
    http://www.begin21.top 虚拟主机还没到期,可以看一下angular2的前端效果。

    2.vue.js
    vue可以说是按照angular的路子来的,比如说声明周期钩子之类的东西都是很相似的。但是vue.js做到了精简化,体量并没有angular那么庞大,同时他也是国人搞出来的东西,比较符合国人的思维。

    3.所以现在手中有一个项目构思,先开始学习吧

    4.webstorm下搭建vue.js前端开发环境:

    首先使用vue需要node的环境,node与npm是绑定安装的,npm简单说也就是一个包管理工具,对这些感兴趣可以去学一下node.js,我感觉node.js已经是现在的一个趋势了,node.js就是把v8封装了,然后让js可以脱离浏览器运行,js的强大之处也就可以在服务端体现了。。。嗯~接着说vue吧。

    (1):安装node 配置本地环境变量:
    自行百度
    (2):npm换源
    自行百度
    (3):安装脚手架、建项目

    image.png
    在webstorm的terminal中输入:
    
    $ cnpm install -g vue-cli
    
    $ vue init webpack my-project
    

    (4):运行

      cd命令进入vue生成的项目 my-project
    
       npm run dev
    

    5.接下来进行页面的重构了
    不会用vue? 不存在的,去官网啊不会的看文档,问别人,没有人生来就会的。
    只要你有一点基础,别怕,闭着眼写就行。

    image.png

    6.声明一下:
    我不是为了写文章而写文章,不管是编程功底还是语言组织水平就是这样,这只是我学习中记录,忘记后可以回来查看温习的,如果对看到这里的人有帮助的话,就再好不过了。

    相关文章

      网友评论

        本文标题:Vue.js项目搭建

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