Vue开发前置准备

Vue开发前置准备

环境准备

1.安装 Node(版本要求大于等于15.0)
可以在控制台输入以下代码查看自己的node版本

node -v


2.创建项目

npm init vue@latest


输入项目名(不能有大写字母)

后面的选项我们直接回车跳过就好了

这样我们的第一个项目就创建好啦

我们输入以下代码运行项目

cd test      #进入项目地址
npm install #安装项目依赖
npm run dev #运行项目

其中的npm install我们可以替换为cnpm installcnpm是淘宝镜像的npm,安装速度更快
我们到浏览器输入这个访问地址就可以看到我们的第一个项目了

扩展安装

打开你的src路径你会发现你的源码并不是像我图片上的那样高亮显示,而是全白色的文本,这是因为我们没有安装扩展

到扩展商店安装这个扩展不需要重启项目就可以看到代码高亮显示了