vue项目搭建详细教程

1、下载node.js 

• 下载地址：Download | Node.js

• 直接下一步下一步即可下载完成

• 下载完成后，按住win+R，输入cmd回车

• 查看node版本：node -v

         

• 查看npm 版本：npm -v

        

2、下载淘宝镜像（先前我已经下载过了，此时为演示）  

• 输入： npm config set registry https://registry.npm.taobao.org --global

    

3、npm安装cli  

• 输入： npm install -g @vue/cli

        

• 查看下载的cli版本： vue -V （注意：V为大写的V哦）

        

4、创建项目

注意：先在指定的目录创建一个目录，cd 进入该目录后就可以开始创建项目啦（这样做是为了方便管理自己的项目）

•  进入Vue目录： cd desktop/Vue （我在桌面创建了一个Vue的目录，所有的vue项目都保存在该目录下）

        

• 创建项目： vue create 项目名（demo 为项目名）

        

• 选择 Manually select features

        

• 选择配置的信息，移动上下键选择需要的配置，点击"空格"选择相应的配置，带有“*”表示已选上    
• 选择版本，根据项目需求,我们选择2.x

        

• 根据提示输入，输入完成后点击回车等待项目创建
• 创建成功

        

• 根据提示信息启动项目

        

• 进入demo项目：cd demo

        

• 启动项目：npm run serve

        

• 在浏览器中输入： http://localhost:8080/

 以上就是全部的vue项目搭建过程啦，喜欢的小伙伴可以点赞关注收藏哦，遇到不会的问题欢迎评论留言；下期想讲一下使用VScode编写vue项目，需要的小伙伴可以看看哦~