美文网首页我爱编程
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学习之路一 项目搭建

    脚手架搭建vue项目框架 CLI3项目搭建查看 搭建方案 vue-cli 是一个官方发布 vue.js 项目脚手...

  • 【VUE】安装搭建项目vue-cli

    使用 vue-cli 脚手架搭建项目:vue-cli是官方发布的 vue.js 项目脚手架,快速搭建 vue 项目...

  • vue-cli生成的webpack配置解析-build/dev-

    我们在使用vue-cli搭建vuejs项目(Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目)的时...

  • 初次使用vue

    Get Started 使用@vue/cli搭建项目 vue.js 与 vue.runtime.js SEO(搜索...

  • bee generate docs 报错 Failed to g

    背景: 用 Python + Golang + Vue.js 做一个开源项目,在用 Beego 工具 bee 搭建...

  • Vue.js项目搭建

    1.个人理解现在前端框架是无疑已经是vue、angular、react的天下了。angular2学过一段时间,也是...

  • Vue.js项目搭建

    第一步:安装vue-cli脚手架工具 1、打开命令行工具,输入指令 npm install -g vue-cli...

  • Vue.js项目搭建

    第一步:安装vue-cli脚手架工具 1、打开命令行工具,输入指令 npm install -g vue-cl...

  • 如何运行vue项目

    如何运行vue项目vue-clinpmnode.js vue.js如何打开已有的项目。自已折腾了一下,成功搭建好项...

  • 使用Vue-cli搭建项目教程

    使用 vue-cli 搭建项目 vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可...

网友评论

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

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