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

1.首先,打开我们的cmd终端,执行 npm install -g @vue/cli
在这里插入图片描述

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

接下来我们要创建vue项目模板,如果你想创建到其他盘里面那就要先在终端cd到你想创建到的地方.然后执行vue ui
在这里插入图片描述
接下来会自动打开网页,点击创建,选择你要创建的路径,再点击最下面的在此创建新项目,cmd终端先不要关闭
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
接着点击下一步,进入另一个页面
在这里插入图片描述
点击创建项目
在这里插入图片描述
到了这里,因为要下载一些包,可能需要点时间,我们等着就行了,可以再次看一下我们的cmd终端,此时我们可以看到正在下载一些东西
在这里插入图片描述
全部加载完了之后,再看下我们的cmd
在这里插入图片描述
这时候我们就可以打开这个文件夹进行运行看效果了
先用pycharm打开看一下我们的目录吧
在这里插入图片描述
接下来我们就可以运行看一下效果了,到终端进入我们的项目执行npm run serve
在这里插入图片描述
点击链接之后,就可以看到效果了
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44094946/article/details/84998400