入门vue——创建vue脚手架项目 以及 用tomcat和nginx分别部署vue项目（vue2）

创建Vue脚手架项目：

# 安装vue-cli
npm install -g @vue/cli
 
# 创建一个新项目
vue create my-project
 
# 进入项目目录
cd my-project
 
# 启动项目
npm run serve

用Tomcat部署Vue项目(Vue 2)：

1. 构建Vue项目：

# 进入项目目录
cd my-project
 
# 构建项目
npm run build

2. 将构建好的dist/目录中的内容复制到Tomcat的webapps目录下的某个文件夹中，例如ROOT。
3. 启动Tomcat服务器：

# 进入Tomcat的bin目录
cd /path/to/tomcat/bin
 
# 启动Tomcat
./startup.sh

用Nginx部署Vue项目(Vue 2)：

1. 构建Vue项目：

# 进入项目目录
cd my-project
 
# 构建项目
npm run build

2. 将构建好的dist/目录中的内容移动到Nginx的服务器目录下，例如/usr/share/nginx/html。
3. 修改Nginx配置文件（通常是/etc/nginx/nginx.conf或者/etc/nginx/conf.d/default.conf），设置静态文件服务。

server {
    listen       80;
    server_name  localhost;
 
    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
}

4. 重启Nginx服务器：

# 重启Nginx
sudo nginx -s reload

确保在执行这些步骤之前，你的系统已经安装了Node.js、npm、Tomcat和Nginx。