首先你必须要准备的两个工具
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网址就好
好了,我们的项目建好了,已经在文件夹里面了