VSCode搭建Vue项目及服务器部署

一、安装nodeJs

在我之前的博客《idea搭建vue-cli项目》里有详细安装教程，这里进入！

二、在VSCode搭建Vue项目

1.安装全局脚手架

npm i -g @vue/cli

2.安装webpack，js打包工具

npm install -g webpack 

3.安装eslint插件

4.开始初始化Vue项目

这里需要选择自己需要创建项目的目录然后执行下面命令初始项目

vue init webpack vue_test

5.启动Vue项目

npm run dev

6.打包Vue项目

npm run build

6.服务器部署

1）将打好的包压缩上传服务器

2）解压Vue打包文件

3）nginx配置静态代理

4）就这样一个点单的Vue项目就部署完了，测试访问，如下：