vue重启node_vue 常见命令 (启动 部署)

本文详细介绍了如何使用Vue CLI搭建Vue项目,包括安装vue-cli、初始化项目、配置环境变量、安装依赖、运行开发服务器以及打包部署的过程。在搭建过程中,特别提到了npm和cnpm的选择,以及使用npm run dev和npm run build命令来启动开发服务器和生成上线文件。
摘要由CSDN通过智能技术生成

项目搭建

安装vue-cli

npl install vue-cli -g

vue init webpack my-project  初始化项目

npm install  安装项目依赖  -->>npm run build 生成上线目录部署

nmp run dev

在localhost启动测试服务器

步骤一

1.完成node.js安装搭建

目的:配合前端开发搭建 为全局工作

方法:通过官网下载 安装  .msi文件(微软标准安装包文件)

验证:

通过cmd 命令窗口  输入node 进入node工作状态

输入console.log(1); 验证node是否可以工作

退出

输入npm -v 查询版本

2.配置环境变量

配置"主机用户变量"(环境变量上面一栏)  设置PATH 变量 值为C:\Users\lenovo\AppData\Roaming\npm

3.git-bash软件安装配置

4.cd 项目地址

5.cnpm install安装依赖

说明:cnpm为国内常用下载依赖配置方式  国外一般用npm 当然 以实际速度为准

易产生问题:npm 与cnpm版本不一致

建议使用别名设置方法9f70bbf312faa7b2f23c10b186922cd8.png

步骤二

1.安装脚手架工具

输入cnpm install vue-cli -g

2.输入vue --help 看常用

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
宝塔是一款非常方便的服务器管理面板,可以助你快速部署和管理各种类型的项目。下面是一个简单的介绍,如何使用宝塔部署Vue+Node+MySQL项目: 1. 安装宝塔面板:首先,你需要在你的服务器上安装宝塔面板。你可以在宝塔官网上找到安装教程,并按照指引进行安装。 2. 创建网站:安装完成后,登录宝塔面板,点击左侧菜单栏的“网站”选项,然后点击“添加站点”按钮。填写相关信息,包括域名、目录、PHP版本等,并点击“创建”按钮。 3. 部署Vue项目:在创建的网站中,找到“网站目录”,进入该目录。将你的Vue项目文件上传到该目录中。 4. 配置Node.js环境:在宝塔面板中,点击左侧菜单栏的“软件商店”选项,然后搜索并安装Node.js环境。安装完成后,在网站设置中找到“反向代理”选项,将Node.js的端口设置为你的项目所使用的端口。 5. 配置MySQL数据库:在宝塔面板中,点击左侧菜单栏的“数据库”选项,然后点击“创建数据库”按钮。填写相关信息,并点击“创建”按钮。记下数据库的名称、用户名和密码,后续会在项目中使用。 6. 配置项目:进入你的Vue项目目录,在项目的根目录中找到`.env`文件,修改其中的数据库连接信息,将数据库名称、用户名和密码修改为你在宝塔面板中创建的数据库信息。 7. 启动项目:在宝塔面板中,找到你的网站,点击“重启”按钮,以使配置生效。然后,在项目目录中打开终端,运行命令`npm install`安装项目依赖,然后运行命令`npm run serve`启动项目。 至此,你的Vue+Node+MySQL项目已经成功部署在宝塔面板上了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值