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

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

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

1.node

2.vue脚手架

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

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

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

如果我们的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那两个)

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

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

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

 

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

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

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

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/943850.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-18
下一篇 2022-05-18

发表评论

登录后才能评论

评论列表(0条)

保存