专栏首页前端基础vue2.0的简单搭建

vue2.0的简单搭建

vue作为前端三大主流框架之一,没有ng早,也没有React的完善,但是vue的好处是集众家之所长(关键还是中国人自己开发的)

  • 这里介绍的是最基础的vue-cli的搭建,仅对小白提供,大神请绕过,谢谢

首先你得了解vue 的基本文档 地址 https://cn.vuejs.org/

 npm install --global vue-cli
  • 创建一个基于 webpack 模板的新项目
 vue init webpack my-project 
  • 然后中间就会进行一系列的安装,然后提示…
  • 然后找到你创建的项目,并且打开它
 cd my-project
  • 如果你是第一次创建那么就看下一步,如果是已经创建过了,建议再向下看
  • 这是第一次创建的情况
 npm run dev
  • 如果你已经安装过了,比如代码从git上拉取下来的,那么你就可以直接从第五步开始然后执行下面一步,然后运行
 这是安装依赖  npm install
  • 如果你想做pc端的项目,建议用element.ui吧,然后安装,命令行,ctal+c就可以停止,然后执行下面代码安装,官网地址 http://element-cn.eleme.io/#/zh-CN
 npm install element.ui -S    然后再执行第七步就好了

以上就是vue 的小白基础创建,欢迎大家指点

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue轮播组件--不插电手动粘贴版

    轮播的原理是每一帧都选出一个当前元素,前一个元素,后一个元素然后排成一行,最后改变这三个元素的translate来触发css3的transition进行动画,当...

    Ganother
  • 前端每周清单第 54 期: SwiftNIO, 自定义 vue-router, Web 缓存与 GraphQL 必知必会

    前端每周清单专注大前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关...

    王下邀月熊
  • 前端之Vue.js库的使用

    Vue.js是前端三大新框架:Angular.js、React.js、Vue.js之一,Vue.js目前的使用和关注程度在三大框架中稍微胜出,并且它的热度还在递...

    skylark
  • 四月份面试题汇总(一)

    每创建一个函数,函数上都有一个prototype的属性,他是一个对象。这个对象的作用就是当使用它创建实例的时候,这些实例都会共享原型上的属性和方法。 当我们访问...

    yuezhongbao
  • 前端每周清单第 39 期: OpenAI 与 gRPC, Gitlab 的 Vue 年度总结,GraphQL 技术栈漫游

    前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注...

    王下邀月熊
  • 墨瞳漫画h5一期 vuejs总结

    博主也是vuejs萌新,公司仅我一个前端,收到做h5的需求后,马上想到要用下vuejs,于是说服领导,开始慢慢钻研,现在记录一下踩到的坑。这些坑主要是在一些组件...

    Ganother
  • 前端每周清单第 44 期: 2017 JS 调查报告、REST 接口实时化、ESM 的过去与未来

    前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注...

    王下邀月熊
  • 前端每周清单第 46 期: 2017 Node.js / GraphQL / Vue.js 盘点,前端性能优化与可用性保障

    前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注...

    王下邀月熊
  • ENOENT: no such file or directory, access '/usr/local/lib/node_modules/vue-cli/node_modules/get-s...

    honey缘木鱼
  • 墨瞳漫画 升级vue2 踩坑

    升级的话呢,还是比较简单,就按官方文档来,改写一下某些api,本文主要讲文档中说的不清晰的一些坑

    Ganother

扫码关注云+社区

领取腾讯云代金券