图解使用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。

猜你喜欢