使用vue-cli生成vue项目的步骤

在电脑上安装好了vue-cli之后,就是使用vue-cli生成vue项目框架了, 步骤如下:

1. vue init webpack yourprojectname 

    如果这个时候你的电脑中已经安装了node, 全局安装了vue-cli, 然后在执行上面这个语句的时候报:

    vue不是命令, 那么排查步骤如下

    node -v   查看nodejs有没有安装

    npm -v    查看npm有没有安装

    vue -V    这是个大写的V, 查看vue-cli有没有安装, 如果此时报vue不是命令, node和npm都有安装,那么可以把node卸载重装一   下.

    然后再重新打开cmd, 输入vue init webpack yourprojectname就可以了.如下所示

也就是说, 你想使用vue-cli来自动化搭建一个基于webpack'的vue项目

安装好了之后, 可以使用它的提示npm run dev来运行这个项目

注意一定要 cd 到你的这个项目文件夹中使用npm run dev, 不然会报错, 截图如下

 应该如下图操作

这样你就把这个项目正式的跑起来了. 

这篇博客可以算是使用vue-cli搭建项目的第二部分,

你可以结合我前面一篇博客, 算是第一部分https://blog.csdn.net/weixin_41562661/article/details/82774260

就可以将一个vue项目搭建起来了.