simple321vip
76 lines
1.8 KiB
Markdown
76 lines
1.8 KiB
Markdown
## 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<br />
|
|
|
|
// 在想要创建的工程路径下执行以下命令，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
|
|
|
|
## js-cookie
|
|
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 也要有。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|