初始化一个vue项目(新手村教程)

1.检查node和npm是否已经安装

 没有安装自行百度。

node -v // 检查node版本
npm -v // 检查npm版本

切换至国内镜像。

npm config set registry=https://registry.npm.taobao.org/
npm config get registry // 查看是否成功切换至淘宝镜像

2.安装vue-cli

npm i -g @vue/cli

3.创建项目

以我的项目名dqq_test_demo为例。

vue create dqq_test_demo

出现：

默认回车，初始化vue3项目，接下来是一段不漫长的等待。 

看到successfully字样即初始化成功，下面就可以进入项目，开始愉快的大展拳脚了，加油

cd dqq_test_demo
yarn serve

在浏览器输入http://localhost:8080/ 进入项目，打开后长这样，说明你的vue已经跑起来了！

参考：