图解使用vue-cli创建Vuejs项目

 时间:2024-11-01 03:15:00

1、首先从官方网站下载安装Node.js,建议使用6.x版本,同时也会一并安装npm工具,npm>3.10以上。

2、npm安装很慢(国外服务器),所以一般推荐使用npm淘宝镜像cnpm,先安装下cnpm:npm i荏鱿胫协nstall -g cnpm --registry=https://registry.npm.taobao.org安装好cnpm后,以后使用npm的地方就可以使用cnpm替代了。

3、全局安装vue-cli,如下图所示:cnpm install -g vue-cli

图解使用vue-cli创建Vuejs项目

5、创建一个webpack项目例如:rss2,如下图所示:vue init webpack rss2

图解使用vue-cli创建Vuejs项目

7、进入项目rss2文件里,如下图所示:cd rss2

图解使用vue-cli创建Vuejs项目

9、运行项目,如下图所示:

图解使用vue-cli创建Vuejs项目

11、使用vue-cli创建项目到此结束。如果要终止命令行操作: ctrl+c。

  • 怎样用vue-cli脚手架创建vue项目
  • vue-cli安装以及搭建vue项目详细步骤
  • vue-cli初始化项目文件说明
  • vue-cli3创建项目
  • vue-cli脚手架搭建方法
  • 热门搜索
    凤凰古城攻略 中秋节英文怎么说 最终幻想4图文攻略 红烧肉做法 红烧大虾的做法 浙江旅游攻略 使命召唤5攻略 英雄联盟新手攻略 qq冻结了怎么办 星际战甲新手攻略