fix(docs): 文档修改 (#3118)

Author: chenxi-20

examples/sites/demos/pc/webdoc/installation-en.md

@@ -31,7 +31,7 @@ yarn add @opentiny/vue@2
 npm install @opentiny/vue@2
 ```
 
-If it's`Vite`After the dependency is installed, modify the project.`vite.config.js`, add the following code highlighted section:
+<code>@opentiny/vue</code>Supports multiple modes. If you are a `Vite` project and not a mobile client, you can modify the `vite.config.js` of the project by adding the highlighted parts of the following code, so that the project can shake off the mobile mode code during construction and optimize the volume of the packaged product:
 
 ```js {8-10}
 // vite.config.js
@@ -40,14 +40,16 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
 export default defineConfig({
-  plugins: [vue()]
+  plugins: [vue()],
+  define: {
+    'process.env': { TINY_MODE: 'pc' }
+  }
 })
 ```
 
 <div class="tip custom-block">
-<p> To avoid the uncertainty associated with monthly (minor) upgrades of <code> @opentiny/vue </code>, it is recommended to use ~ before relying on the version number of the package in <code> package.json </code> in your project.
-For example, <code>"@opentiny/vue": "~3.12.0</code>. </p>
-<p><code> @opentiny/vue </code> supports multiple modes. If your project is not a mobile project, you can declare the value of <code>TINY_MODE</code> in <code>process.env</code> in the above configuration code. In order to make the project during construction, the mobile side code can be shaken off and the volume of the packaged product can be optimized. For example, <code>'process.env': {... env,TINY_MODE:'pc'}</code>. </p>
+  <p>To avoid the uncertainty caused by monthly minor upgrades of<code>@opentiny/vue</code>, it is recommended to use ~ before the version number of the dependent package in <code>package.json</code> in your project,
+  For example,<code>"@opentiny/vue": "~3.12.0"</code>.</p>
 </div>
 
 ## Import through CDN

examples/sites/demos/pc/webdoc/installation.md

@@ -31,7 +31,7 @@ yarn add @opentiny/vue@2
 npm install @opentiny/vue@2
 ```
 
-如果是`Vite` 工程，安装完依赖后，修改项目的 `vite.config.js` ，添加以下代码突出显示的部分：
+<code> @opentiny/vue </code> 支持多种模式。如果您是 `Vite` 工程且非移动端，可以修改项目的 `vite.config.js`，添加以下代码突出显示的部分，以使工程在构建时，能将移动端模式的代码摇掉，优化打包产物的体积：
 
 ```js {8-10}
 // vite.config.js
@@ -40,14 +40,16 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
 export default defineConfig({
-  plugins: [vue()]
+  plugins: [vue()],
+  define: {
+    'process.env': { TINY_MODE: 'pc' }
+  }
 })
 ```
 
 <div class="tip custom-block">
   <p>为了避免<code> @opentiny/vue </code> 的月度版本 (minor) 升级带来的不确定因素，因此推荐在您的工程中的<code> package.json </code> 中依赖包的版本号前使用 ~，
-    比如 <code>"@opentiny/vue": "~3.12.0</code>。</p>
-  <p><code> @opentiny/vue </code> 支持多种模式。如果您的工程非移动端工程，可以在上面配置代码中的<code>process.env</code>中，声明<code>TINY_MODE</code>的值，以使工程在构建时，能将移动端模式的代码摇掉，优化打包产物的体积。比如 <code>'process.env': { ...process.env,TINY_MODE:'pc' }</code>。</p>
+    比如 <code>"@opentiny/vue": "~3.12.0"</code>。</p>
 </div>
 
 ## 通过 CDN 方式引入 (v3.16.0 及之前的版本可用)