vue学习记录（一）：用vscode创建vue.js项目完整过程

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/guttaoqibao/article/details/102714948

1、新建项目

打开Visual studio code
打开一个你想要创建项目的文件夹（文件---打开文件夹ctrl+o/ctrl+k）
打开集成终端：查看 –> 集成终端 或者直接按 ctrl+`

如果没有安装vue-cli脚手架，在终端输入：

npm install -g vue-cli

全局安装vue-cli脚手架

然后新建项目

vue init webpack projectName

projectName换成你想要的项目名，这里我创建的是vuetest

然后一直按确认或输入y按确认，等待项目初始化，这里出现报错。

长时间停留在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch 

分析原因： 刚开始以为是代理的问题，由于这是公司的电脑，进入开发工具时要输入代理帐号密码，反复试了以后发现不是，找了一下网上出现的问题，说什么npm要换成淘宝的镜像源，我记得之前在系统终端我换过淘宝的镜像源了呀，试了一下

检查是不是淘宝的镜像源

npm config get registry 

发现确实不是淘宝的镜像源，更换为淘宝的镜像源

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

配置通过再次验证是否成功

 把原项目删除，重新创建，创建成功

输入命令，运行项目

打开浏览器，输入地址，运行成功

2、项目目录如图所示