HTML5技术

Vue2.0新手入坑环境搭建(一) - 晚秋、

字号+ 作者:H5之家 来源:H5之家 2017-05-19 12:01 我要评论( )

每周不定期更新 专业团队接APP 外包 联系QQ1129580542 vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、 安装 node.js 首先需要安装node环境,可以直接到中文官网下载

 

每周不定期更新  专业团队接APP 外包 联系QQ1129580542  

 

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli

 

一、 安装 node.js

首先需要安装node环境,可以直接到中文官网下载安装包。

只是这样安装的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安装

安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。

 

二、安装 vue-cli

 

npm install -g vue-cli

  之前早就安装好的。。。。

 

 三、生成项目

vue init webpack Vue-Project

  

 webpack 是模板名称,Vue-Project 是自定义的项目名称,命令执行之后,会在当前目录生成一个以该名称命名的项目文件夹

 

这样就OK了

配置完成以后开始安装项目依赖。

npm install

然后启动项目

npm run dev

 

 

 

 

 

 

 

 

 

出现这个效果就说明搭建成功了,

 

初步打算用vue2.0+mint ui 做个小商城。

明晚写商城界面,

mint ui 地址   https://github.com/ElemeFE/mint-ui

https://zhuanlan.zhihu.com/p/21802181

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • vue2.0实践 —— Node + vue 实现移动官网 - Raychan

    vue2.0实践 —— Node + vue 实现移动官网 - Raychan

    2017-05-15 09:00

  • 一个想法照进现实-《IT连》创业项目:创业时该不该用新手程序员 - 路过秋天

    一个想法照进现实-《IT连》创业项目:创业时该不该用新手程序员 - 路

    2017-05-06 15:01

  • vue2.0版cnode社区项目搭建及实战开发 - sandisen

    vue2.0版cnode社区项目搭建及实战开发 - sandisen

    2017-04-20 14:00

  • 新手学H5——第一周 - Cherish李

    新手学H5——第一周 - Cherish李

    2017-02-23 13:00

网友点评
/