一、环境搭建

1、node.js：下载地址 https://nodejs.org/en/download/
	安装完后，可验证是否正确。
	验证命令：node -v 
	如下图，即为安装成功

在这里插入图片描述

2、Visual Studio Code（VS code）：下载地址 https://code.visualstudio.com/

二、导入并启动项目

1、下图软件为Visual Studio Code，简称VS code
开始页面中，选择“open folder…”，根据自己的项目所在路径，选择项目。
或者，点击上方菜单“File”->“Open”，选择项目。
在这里插入图片描述

2、打开操作命令菜单TERMINAL

Mac快捷键：control + \`
Windows快捷键：ctrl + \`
或者点击上方菜单"View"->"Terminal"

在这里插入图片描述

3、有了命令窗口，我们可以愉快地敲命令了。

首先我们再检查下node有没有安装好，敲：node -v
如果如下图，就是安装成功。
如果显示node没有安装成功，还需要再去检查下node。

在这里插入图片描述

接下来，我们需要利用node，下载所需要的构建包，敲：npm install
此时就会自动下载所需的包，请等待。

在这里插入图片描述

接下来我们启动项目，敲：npm run dev
如果如下图，就是启动成功了，访问下方地址，即可看到页面。
如果启动时报错，请重试命令：	"npm install"	或者	"npm i"	或者	"cnpm install"	或者	"cnpm i"
如果项目中包含其他外部组件需要引入，根据报错执行对应命令，类似：npm install  //组件名称
如果无法识别cnpm 命令，需单独安装 cnpm，安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

在这里插入图片描述

三、访问项目

根据上方截图显示，浏览器中敲入：http://localhost:9999 回车
或者按ctrl，并单击链接，浏览器会自动打开网址

以上，就是vue项目相关的部署步骤，您的关注是坚持写作最大的动力，谢谢

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue