码迷,mamicode.com
首页 > 其他好文 > 详细

用vue-cli初始化vue项目

时间:2017-12-18 18:55:35      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:技术   上界   进入   cli   一个   run   install   环境安装   post   

1.安装node环境
使用node -v 检查你的node版本号,如果出现版本号则表示你的node环境安装成功;
2.安装vue-cli
$ npm install -g vue-cli 
安装成功之后,我们可以对我们的项目起一个名字
$ vue init webpack myFirstVue
其中webpack是指模板名称,模板名称有webpack,webpack-simple ,browserify ,browserify-simple ,simple,而我们这里使用的是webpack。myFirstVue指的是项目名称。
然后再根据指示把作者、密码等一些基本信息填写进去
3.运行vue
cd myFirstVue:进入这个项目中
npm install:安装
npm run dev:运行
运行完成之后会出现以下界面:
技术分享图片
技术分享图片
如果把http://localhost:8080/放在浏览器中打开,就会出现我们这个项目的首页:
技术分享图片
技术分享图片
出现以上界面,就代表我们已经完成第一步了,然后你可以仿照这个写一个简单的页面了。

用vue-cli初始化vue项目

标签:技术   上界   进入   cli   一个   run   install   环境安装   post   

原文地址:http://www.cnblogs.com/KoKoLi/p/8058077.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!