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

vue创建项目

时间:2018-06-06 22:19:50      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:cnpm   官网   第一步   tao   五步   vue-cli   项目   版本   命令行   

作为vue小白看着文档学习真的就像在泥地里走路,前进一步都很开心

第一步:要安装node

打开cmd命令行 安装node https://nodejs.org/en/(node官网)

输入 node -v 显示版本号则表示安装成功

技术分享图片

第二步:查看npm版本 

输入npm -v

如果版本低于3.0需要升级版本 npm install npm -g

技术分享图片

第三步:安装淘宝镜像

输入npm install -g cnpm --registry=http://registry.npm.taobao.org 

第四步:安装cli

输入命令 npm install -g vue-cli,安装完成即可。

 第五步:创建文件夹

在当前路径下按住shift 鼠标右击选择菜单打开命令行 

命令指令补课时间{

cd 文件名(找到文件名)

cd\ (当前路径的第一级)}

输入命令 vue init  webpack +项目名称 回车 一路回车

第六步:进入文件夹

cd 文件名

第七步:运行项目

npm run dev

 

vue创建项目

标签:cnpm   官网   第一步   tao   五步   vue-cli   项目   版本   命令行   

原文地址:https://www.cnblogs.com/khun/p/9146212.html

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