WebStorm 不会自动编写第三方库初始化代码，仅通过模板、补全和上下文感知辅助开发；需手动配置 Live Templates 或利用项目创建时的框架模板生成初始化结构。
WebStorm 不会自动写第三方库初始化代码
它只提供模板、补全和上下文感知，但不会凭空生成 axios.create()、new Vue({}) 或 createStore() 这类初始化逻辑。所谓“自动生成”，实际是靠你触发特定动作后，IDE 基于已有配置或声明推导出合理骨架。
用 Live Templates 快速插入常见初始化片段
比如想一键写出 const router = createRouter({ ... })，得先配好模板：
- 进
Settings → Editor → Live Templates → JavaScript，新建一个模板，缩写设为vr - 模板内容填：
const router = createRouter({ history: createWebHistory(), routes: [ { path: '/', name: 'Home', component: () => import('@/views/Home.vue') } ] }) - 点击
Edit variables，把适用范围设为Everywhere in JavaScript，否则在.ts或.vue里不生效 - 保存后，在任意 JS/TS 文件里输入
vr+Tab，就能展开
注意：Vue Router v4 的 createRouter、Pinia 的 createPinia() 等，都得自己建对应模板；WebStorm 自带的只有极简的 console.log 类基础项。
依赖已安装的前提下，Ctrl+Click 跳转 + Alt+Enter 补全能推导出初始化结构
例如你在 main.ts 里写了 import { createApp } from 'vue'，光标停在 createApp 上按 Ctrl+Click 跳进类型定义，再回到调用处按 Alt+Enter，WebStorm 可能给出 “Add missing import” 或 “Create function ‘setup’” 类建议——但它不会主动补全整个 app.use(store).mount('#app') 链式调用。
- 这个行为高度依赖
node_modules是否存在、types是否被正确识别（比如没装@types/react，ReactDOM.render就不会提示参数） - 如果
package.json里写了"vue": "^3.4.0"但没运行npm install，WebStorm 根本看不到createApp的签名，也就无法推导 - TS 项目中，
tsconfig.json若未启用"skipLibCheck": false，部分库的类型可能被跳过，补全变弱
真正省事的方式：用 WebStorm 新建项目时选框架模板
创建新项目时选 Vue.js 或 React 模板，WebStorm 会调用 create-vue 或 create-react-app 自动生成含初始化逻辑的完整结构，包括：
-
main.ts里的createApp(App).use(store).mount('#app') -
store/index.ts中的createPinia()实例 -
router/index.ts中的createRouter配置
但这仅发生在项目初始化阶段；对已有项目，WebStorm 不会反向扫描 package.json 并批量补全所有库的初始化代码——它不是脚手架，不负责架构决策。
最容易被忽略的一点：所有这些“自动”行为，都建立在 node_modules 已就位、类型定义可解析、且你手动触发了对应快捷键或模板缩写的基础上。等 IDE 主动帮你写 new ApolloClient()？别信。
