Vue 3 + Typescript + Vite + pinia + vue-router

Create project document how to bulid a project

before create project, you should install node to promit npm and node command is standy. npm -v node -v

// 在想要创建的工程路径下执行以下命令，3到6秒就可以结束
npm init vite@latest
// 1.填写 g-home
// 2.选择vue
// 3.vue.ts

cd g-home
npm install

vue-router

npm install vue-router -S

pinia

// instand of vuex
npm install pinia -S

element-plus

npm install element-plus -S

npm install js-cookie -S

环境配置

前后端分离，所以前端单独服务器，所以生产环境需要装node.js 添加了.env.production .env.development 文件对vite.config.ts做了修改。

云服务器的那些坑

// node.js
nodejs 官网直接下载tar.gz 解压到/usr/local/lib/nodejs

// nginx
nginx 这个坑就多了 同样是官网 下载tar.gz 二进制版本 需要编译,但是可能是版本比较新的缘故吧,在make那部出了好多错，最后一查都是云服务器的环境太老了导致的。

// 首先是没有pcre 不用编译直接塞到 /usr/local/src/pcre-8.45 
https://sourceforge.net/projects/pcre/files/pcre/8.45/ 

// 然后又提示 aclocal-1.16: command not found，结果一查就是automake和autoconf的版本问题了

// automake
https://ftp.gnu.org/gnu/automake/ 下载
./configure
make
make install
/usr/bin/autoconf -V

http://ftp.gnu.org/gnu/autoconf/ 下载 
./configure --prefix=/usr/
make
make install
到这才把nginx装完

发布

npm run build 生成dist 文件夹把这个文件夹放到nginx的html文件夹下改名ghome nginx那个 location /ghome 也要有。