1.安装宝塔界面；

2.在宝塔界面“软件管理”或“软件商店”安装PM2；

3.检查是否安装成功和版本号，用SSH登陆服务器；输入：

a、node -v 命令：查看node的版本，若出现相应的版本号，则说明你安装成功了。
b、npm -v 命令：npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v 命令，显示npm的版本信息。

4.安装cnpm

在命令行中输入 npm install -g cnpm –registry=http://registry.npm.taobao.org ，然后等待，没报错表示安装成功。

5.安装webpack

在命令行中输入 cnpm install -g webpack

6.安装vue的脚手架工具

在命令行中输入 cnpm install -g vue-cli

输入：vue，回车，若出现vue信息说明表示成功。

7.创建项目（可以直接进入宝塔默认网站目录 cd /www/wwwroot/ 执行。 ）

在命令行中输入：vue init webpack vue_test(项目文件夹名)，回车，等待一小会儿，依次出现‘git’下的项。

注意事项：此时会不断要你输入些东西，注意到Eslint那个选项是选择
N（Eslint是语法规则和代码风格的检查工具，会自动检测当前项目的代码是否符合预设的规则，如果你的代码写得不符合预设的规则会报错），然后一直回车。

8.安装项目所需依赖，进入项目中：

cd vue_test

cnpm install

完成后，会发现项目目录下多出一个node_modules文件夹，里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目。

9.上传项目文件到项目目录里。并修改config/index.js 访问的IP和端口号。

host: ‘127.0.0.1’, // can be overwritten by process.env.HOST
port: 8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false,
errorOverlay: true,
notifyOnErrors: true,

10.运行项目

在命令行中输入 npm run dev

当显示：Your application is running here: http://127.0.0.1:8081 代表项目运行成功！

使用vue-cli初始化项目时运行‘npm run dev’报错

1、试一下 卸载npm uninstall webpack-dev-server，在安装这个npm i [email protected]，我的可以正常启动了。
2、删除node_modules目录，使用npm install，不要用cnpm，npm也是可以设置成淘宝镜像的，cnpm有时候用起来会有很多问题，无名无故的安装些多余的东西。
————————————————
版权声明：本文为CSDN博主「魔拉宝」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/jeefchen/article/details/101293750