[{"data":1,"prerenderedAt":376},["Reactive",2],{"content-query-ehI8TkvYO2":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"layout":10,"body":11,"_type":371,"_id":372,"_source":373,"_file":374,"_extension":375},"/docs/installation/vite","installation",false,"","Installation - Vite.js - Inkline","Install Inkline for any Vite.js + Vue.js 3 application, as recommended by the community.","docs",{"type":12,"children":13,"toc":366},"root",[14,23,29,35,192,339,361],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"installation-vitejs",[20],{"type":21,"value":22},"text","Installation - Vite.js",{"type":15,"tag":24,"props":25,"children":27},"h2",{"id":26},"install-inkline-for-any-vitejs-vuejs-3-application-as-recommended-by-the-community",[28],{"type":21,"value":9},{"type":15,"tag":30,"props":31,"children":32},"h3",{"id":5},[33],{"type":21,"value":34},"Installation",{"type":15,"tag":36,"props":37,"children":41},"div",{"className":38},[39,40],"install-step","_margin-top:2",[42,57,59,84],{"type":15,"tag":36,"props":43,"children":46},{"className":44},[45],"install-step-title",[47,55],{"type":15,"tag":48,"props":49,"children":52},"span",{"className":50},[51],"install-step-number",[53],{"type":21,"value":54},"1",{"type":21,"value":56}," Create a project",{"type":21,"value":58}," \n",{"type":15,"tag":60,"props":61,"children":62},"p",{},[63,65,71,73,82],{"type":21,"value":64},"Create a new Vite.js + Vue.js application using the ",{"type":15,"tag":66,"props":67,"children":68},"code-inline",{},[69],{"type":21,"value":70},"npm init",{"type":21,"value":72}," command below or using the ",{"type":15,"tag":74,"props":75,"children":79},"a",{"href":76,"rel":77},"https://vitejs.dev/guide/",[78],"nofollow",[80],{"type":21,"value":81},"Vite.js guide",{"type":21,"value":83},", and follow the instructions provided by the installation wizard.",{"type":15,"tag":85,"props":86,"children":91},"code",{"className":87,"code":89,"language":90,"meta":7},[88],"language-bash","npm init vue my-vue-app\n\ncd my-vue-app\n\nnpm install\n","bash",[92],{"type":15,"tag":93,"props":94,"children":95},"pre",{},[96],{"type":15,"tag":85,"props":97,"children":98},{"__ignoreMap":7},[99,140,149,167,175],{"type":15,"tag":48,"props":100,"children":103},{"class":101,"line":102},"line",1,[104,110,116,122,126,131,135],{"type":15,"tag":48,"props":105,"children":107},{"class":106},"ct-762058",[108],{"type":21,"value":109},"npm",{"type":15,"tag":48,"props":111,"children":113},{"class":112},"ct-553616",[114],{"type":21,"value":115}," ",{"type":15,"tag":48,"props":117,"children":119},{"class":118},"ct-952708",[120],{"type":21,"value":121},"init",{"type":15,"tag":48,"props":123,"children":124},{"class":112},[125],{"type":21,"value":115},{"type":15,"tag":48,"props":127,"children":128},{"class":118},[129],{"type":21,"value":130},"vue",{"type":15,"tag":48,"props":132,"children":133},{"class":112},[134],{"type":21,"value":115},{"type":15,"tag":48,"props":136,"children":137},{"class":118},[138],{"type":21,"value":139},"my-vue-app\n",{"type":15,"tag":48,"props":141,"children":143},{"class":101,"line":142},2,[144],{"type":15,"tag":48,"props":145,"children":146},{},[147],{"type":21,"value":148},"\n",{"type":15,"tag":48,"props":150,"children":152},{"class":101,"line":151},3,[153,159,163],{"type":15,"tag":48,"props":154,"children":156},{"class":155},"ct-617022",[157],{"type":21,"value":158},"cd",{"type":15,"tag":48,"props":160,"children":161},{"class":112},[162],{"type":21,"value":115},{"type":15,"tag":48,"props":164,"children":165},{"class":118},[166],{"type":21,"value":139},{"type":15,"tag":48,"props":168,"children":170},{"class":101,"line":169},4,[171],{"type":15,"tag":48,"props":172,"children":173},{},[174],{"type":21,"value":148},{"type":15,"tag":48,"props":176,"children":178},{"class":101,"line":177},5,[179,183,187],{"type":15,"tag":48,"props":180,"children":181},{"class":106},[182],{"type":21,"value":109},{"type":15,"tag":48,"props":184,"children":185},{"class":112},[186],{"type":21,"value":115},{"type":15,"tag":48,"props":188,"children":189},{"class":118},[190],{"type":21,"value":191},"install",{"type":15,"tag":36,"props":193,"children":195},{"className":194},[39],[196,208,209,214,250,264,326],{"type":15,"tag":36,"props":197,"children":199},{"className":198},[45],[200,206],{"type":15,"tag":48,"props":201,"children":203},{"className":202},[51],[204],{"type":21,"value":205},"2",{"type":21,"value":207}," Install Inkline",{"type":21,"value":58},{"type":15,"tag":60,"props":210,"children":211},{},[212],{"type":21,"value":213},"Inkline will automatically detect your Vite.js development environment and generate a basic configuration for your application.",{"type":15,"tag":85,"props":215,"children":218},{"className":216,"code":217,"language":90,"meta":7},[88],"npx inkline init\n",[219],{"type":15,"tag":93,"props":220,"children":221},{},[222],{"type":15,"tag":85,"props":223,"children":224},{"__ignoreMap":7},[225],{"type":15,"tag":48,"props":226,"children":227},{"class":101,"line":102},[228,233,237,242,246],{"type":15,"tag":48,"props":229,"children":230},{"class":106},[231],{"type":21,"value":232},"npx",{"type":15,"tag":48,"props":234,"children":235},{"class":112},[236],{"type":21,"value":115},{"type":15,"tag":48,"props":238,"children":239},{"class":118},[240],{"type":21,"value":241},"inkline",{"type":15,"tag":48,"props":243,"children":244},{"class":112},[245],{"type":21,"value":115},{"type":15,"tag":48,"props":247,"children":248},{"class":118},[249],{"type":21,"value":121},{"type":15,"tag":60,"props":251,"children":252},{},[253,255,262],{"type":21,"value":254},"Using the ",{"type":15,"tag":74,"props":256,"children":259},{"href":257,"rel":258},"https://github.com/inkline/cli",[78],[260],{"type":21,"value":261},"Inkline CLI",{"type":21,"value":263}," command above, Inkline has:",{"type":15,"tag":265,"props":266,"children":267},"ul",{},[268,285,299,313],{"type":15,"tag":269,"props":270,"children":271},"li",{},[272,274,283],{"type":21,"value":273},"Created or updated your ",{"type":15,"tag":275,"props":276,"children":277},"strong",{},[278],{"type":15,"tag":66,"props":279,"children":280},{},[281],{"type":21,"value":282},"vite.config.ts",{"type":21,"value":284}," file",{"type":15,"tag":269,"props":286,"children":287},{},[288,290,298],{"type":21,"value":289},"Created your ",{"type":15,"tag":275,"props":291,"children":292},{},[293],{"type":15,"tag":66,"props":294,"children":295},{},[296],{"type":21,"value":297},"inkline.config.ts",{"type":21,"value":284},{"type":15,"tag":269,"props":300,"children":301},{},[302,304,312],{"type":21,"value":303},"Updated your ",{"type":15,"tag":275,"props":305,"children":306},{},[307],{"type":15,"tag":66,"props":308,"children":309},{},[310],{"type":21,"value":311},"src/main.ts",{"type":21,"value":284},{"type":15,"tag":269,"props":314,"children":315},{},[316,317,325],{"type":21,"value":303},{"type":15,"tag":275,"props":318,"children":319},{},[320],{"type":15,"tag":66,"props":321,"children":322},{},[323],{"type":21,"value":324},"package.json",{"type":21,"value":284},{"type":15,"tag":60,"props":327,"children":328},{},[329,331,337],{"type":21,"value":330},"If you want to set up Inkline manually, read the ",{"type":15,"tag":74,"props":332,"children":334},{"href":333},"/docs/installation/manual",[335],{"type":21,"value":336},"Manual Installation guide",{"type":21,"value":338},".",{"type":15,"tag":36,"props":340,"children":342},{"className":341},[39],[343,355,356],{"type":15,"tag":36,"props":344,"children":346},{"className":345},[45],[347,353],{"type":15,"tag":48,"props":348,"children":350},{"className":349},[51],[351],{"type":21,"value":352},"3",{"type":21,"value":354}," Enjoy using Inkline",{"type":21,"value":58},{"type":15,"tag":60,"props":357,"children":358},{},[359],{"type":21,"value":360},"Awesome work! You can now start using all the features that Inkline has to offer.",{"type":15,"tag":362,"children":363},"style",[364],{"type":21,"value":365},".ct-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-553616{color:#24292E;}\n.dark-theme .ct-553616{color:#E1E4E8;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}\n.ct-617022{color:#005CC5;}\n.dark-theme .ct-617022{color:#79B8FF;}",{"title":7,"searchDepth":142,"depth":142,"links":367},[368],{"id":26,"depth":142,"text":9,"children":369},[370],{"id":5,"depth":151,"text":34},"markdown","content:docs:installation:vite.md","content","docs/installation/vite.md","md",1794582256614]