使用vue-cli(vue脚手架)快速搭建项目

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用vue-cli(vue脚手架)快速搭建项目相关的知识,希望对你有一定的参考价值。

参考技术A

下面整个过程是基于已经安装node.js和cnpm的基础上,node.js如何安装就不在这里详说了。如何全局化安装cnpm,这里简单提一下:(淘宝镜像命令)

其实对于安装vue-cli,使用npm命令和cnpm命令都是可以的,个人觉得使用npm安装的比较慢,而且很可能会因为网络问题而出错,所以还是觉得使用cnpm稳一点。

(1)全局安装 vue-cli ,在命令提示窗口执行:

(2)安装vue-cli成功后,通过cd命令进入你想放置项目的文件夹,在命令提示窗口执行创建vue-cli工程项目的命令:

通过vue-cli搭建一个vue项目,会自动生成一系列文件,而这些文件具体是怎样的结构、文件对应起什么作用,可以看看下面的解释:

以上是关于使用vue-cli(vue脚手架)快速搭建项目的主要内容,如果未能解决你的问题,请参考以下文章

使用vue-cli快速搭建前端项目

测开之・《使用vue-cli(vue脚手架)快速搭建项目》

vue-cli 快速搭建脚手架

vue 快速入门 系列 —— 使用 vue-cli 3 搭建一个项目(上)

使用vue脚手架(vue-cli)快速搭建项目

基于Vue-cli 快速搭建项目