使用项目构建工具vue-cli搭建一个全新的Vue项目。

如何搭建？

1、下载node.js

官网下载地址：

Node.js

选择对应版本下载即可。

安装成功后运行命令node-v：

2、安装npm

由于NPM的仓库资源在国外，传输速度慢。所以使用淘宝镜像源npm。

win+R快捷键cmd进行终端。

运行以下命令进行安装：

npm install npm -g --registry=https://registry.npm.taobao.org

查看是否安装成功

#检验是否成功
npm config get registry 

如下为安装成功

3、全局安装webpack

运行命令：

npm install -g webpack

安装成功后运行命令：webpack -v

4、开始搭建vue项目

安装完成后，创建文件夹vue001。

先进入终端，然后进入你想要把文件vue001放在的地址（即路径）。

创建项目：

vue init webpack vue001

蓝线是文件vue001将存在的地方，红线是创建项目命令，紫色为文件夹vue001名字。

然后出现一些配置项，可自行配置可默认，直接回车即可。

vue项目就搭建完成了。

项目初始化完成之后按照命令行提示：

cd vue001

npm run dev

上面两个命令执行后出现一个地址

 复制该地址在浏览器打开效果：

 看到这个界面说明项目搭建成功并且启动成功，然后就可以开始书写代码了。

在VSCode上File>Open Folder选择对应文件夹进行打开就能看到目录，其中main.js是入口。

总结：4步操作完成项目搭建，下一篇详写vue目录结构用法。 
 

vsCode如何搭建Vue项目？