一、环境准备
下载node.js + 检查node.js版本 + 替换npm下载源
1.下载node.js: Node.js --- 在任何地方运行 JavaScript (nodejs.org)
2.查看版本: windows+r输入cmd进入输入node -v命令查看版本号是否出现确认是否安装
2.替换npm下载源: npm config set registry https://registry.npmmirror.com
3.查看是否安装成功 npm -v
二、搭建项目
1.在电脑上新建一个文件夹作为vue项目的文件夹, 在此文件夹中空白处按shift键同时点击鼠标右键,选择在此处打开Powershell窗口
2.在命令行中输入以下命令: npm create vue@latest 回车,出现下图这种一直回车
一直回车到新的需要输入为止,如下图
3.进入目录 cd vue-project ,执行 npm install 安装依赖
4.然后执行 npm run dev 运行项目
5.下图网址即是进入项目链接
6.当然还有一种打开方式,是我们最常用的
右键文件夹,选择vscode打开(如果没有vscode可以查看这个链接 点我 查看解决方案 )
然后ctrl+j 打开终端,输入npm run dev即可运行
注意:如果报错如下图
那么先右键最顶部文件夹+打开终端输入npm run dev即可
下次给大家讲解进去之后的基础配置与作用,我是小辉,请多多关照!!