window7系统中[Vue-cli]的搭建及vuelist的效果

1.首先,打开我们的cmd终端,执行 npm install -g @vue/cli

然后我们可以先在终端输入vue来看一下自己都能进行哪些操作,如果是最新版本和我下图所示一样,那么就可以继续跟着我往下做.

接下来我们要创建vue项目模板,如果你想创建到其他盘里面那就要先在终端cd到你想创建到的地方.然后执行vue ui

接下来会自动打开网页,点击创建,选择你要创建的路径,再点击最下面的在此创建新项目,cmd终端先不要关闭



接着点击下一步,进入另一个页面

点击创建项目

到了这里,因为要下载一些包,可能需要点时间,我们等着就行了,可以再次看一下我们的cmd终端,此时我们可以看到正在下载一些东西

全部加载完了之后,再看下我们的cmd

这时候我们就可以打开这个文件夹进行运行看效果了
先用pycharm打开看一下我们的目录吧

接下来我们就可以运行看一下效果了,到终端进入我们的项目执行npm run serve

点击链接之后,就可以看到效果了