谈谈如何利用vue脚手架快速创建一个项目

首先你必须要准备的两个工具

1.node

2.vue脚手架

我们需要提前下好node和vue脚手架才可以开始创建项目,那怎么看我们是否有安装好node和vue脚手架呢?我们往下看。

我们可以新建一个文件夹,然后 同时按住ctrl+shift+鼠标右键进入 windowspowershell,如下图所示

《谈谈如何利用vue脚手架快速创建一个项目》

windowspowershell是window10给我们提供的一个命令行工具,和cmd黑窗口类似,黑窗口也可以进行改操作,进去以后我们可以键入指令 vue -V 和node -V 分别查看我们的脚手架和node版本号。

《谈谈如何利用vue脚手架快速创建一个项目》

如果我们的node和vue脚手架都装好了,那我们就可以开始新建一个项目了,因为涉及到下包,建议大家吧npm切换到淘宝镜像下载 指令如下 会大大提升下包速度

npm config set registry https://registry.npm.taobao.org

切换好了我们就可以进行项目搭建了

注意: 项目名不能带大写字母, 中文和特殊符号

1.创建项目 键入以下指令

# vue和create是命令, vuecli-demo是文件夹名 

vue create vuecli-demo

2.选择模板 选错了可以ctrl+c 上下重来(如果第一次创建建议使用默认的 也就是Default那两个)

《谈谈如何利用vue脚手架快速创建一个项目》

 当然第一次创建也会提示你用什么创建,如果之前下过Yarn的就会有提示 二选一即可

《谈谈如何利用vue脚手架快速创建一个项目》

选择好后你只需回车,等待生成项目文件夹+文件+下载必须的第三方包们  

《谈谈如何利用vue脚手架快速创建一个项目》

进入到上图页面就已经完成百分之八十了,代表东西都下好了,此时我们只需要要进入到项目文件夹里面然后开启服务器就行,指令如下 回车以后 开启服务器

《谈谈如何利用vue脚手架快速创建一个项目》

 《谈谈如何利用vue脚手架快速创建一个项目》

 继续运行以后 出现绿色done的提示就代表完成了

《谈谈如何利用vue脚手架快速创建一个项目》

创建完成我们可以去浏览区输入上面的local网址就好

《谈谈如何利用vue脚手架快速创建一个项目》

好了,我们的项目建好了,已经在文件夹里面了

《谈谈如何利用vue脚手架快速创建一个项目》

    原文作者:Secen1997
    原文地址: https://blog.csdn.net/m0_67340393/article/details/124802238
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞