前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue2.0的简单搭建

vue2.0的简单搭建

作者头像
我乃小神神
发布2019-03-20 15:08:38
5290
发布2019-03-20 15:08:38
举报
文章被收录于专栏:前端基础

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

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

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018年10月31日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 以上就是vue 的小白基础创建,欢迎大家指点
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档