1"use strict";(self.webpackChunkmy_website=self.webpackChunkmy_website||[]).push([["45"],{11752:function(n,e,t){t.r(e),t.d(e,{frontMatter:()=>a,toc:()=>l,default:()=>d,metadata:()=>s,assets:()=>o,contentTitle:()=>c});var s=JSON.parse('{"id":"\u540E\u7AEF/nuxt/1.nuxt\u6982\u8FF0","title":"1.nuxt\u6982\u8FF0","description":"\u5B66\u4E60\u524D\u63D0","source":"@site/my-docs/\u540E\u7AEF/nuxt/1.nuxt\u6982\u8FF0.md","sourceDirName":"\u540E\u7AEF/nuxt","slug":"/\u540E\u7AEF/nuxt/1.nuxt\u6982\u8FF0","permalink":"/docs/\u540E\u7AEF/nuxt/1.nuxt\u6982\u8FF0","draft":false,"unlisted":false,"editUrl":"https://github.com/fall-zhang/fall-zhang.github.io/tree/source/my-docs/\u540E\u7AEF/nuxt/1.nuxt\u6982\u8FF0.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialSidebar","previous":{"title":"6.4-mongooes","permalink":"/docs/\u540E\u7AEF/6.4-mongooes"},"next":{"title":"Linux & \u547D\u4EE4\u884C","permalink":"/docs/category/linux--\u547D\u4EE4\u884C"}}'),i=t(52676),r=t(97806);let a={},c=void 0,o={},l=[{value:"\u5B66\u4E60\u524D\u63D0",id:"\u5B66\u4E60\u524D\u63D0",level:3},{value:"\u8BF7\u6C42",id:"\u8BF7\u6C42",level:3}];function u(n){let e={code:"code",h3:"h3",li:"li",pre:"pre",ul:"ul",...(0,r.a)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.h3,{id:"\u5B66\u4E60\u524D\u63D0",children:"\u5B66\u4E60\u524D\u63D0"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:"\u5F00\u53D1\u8FC7 vue \u7684\u9879\u76EE"}),"\n",(0,i.jsx)(e.li,{children:"\u638C\u63E1 node \u540E\u7AEF express \u6846\u67B6"}),"\n",(0,i.jsx)(e.li,{children:"\u5BF9\u6570\u636E\u5E93\u6709\u6240\u4E86\u89E3\uFF0C\u5982 MongoDB \u7B49"}),"\n",(0,i.jsx)(e.li,{children:"Webpack \u6253\u5305\uFF0Cbabel"}),"\n",(0,i.jsx)(e.li,{children:"sass\u3001less"}),"\n",(0,i.jsx)(e.li,{children:"Linux \u7CFB\u7EDF"}),"\n"]}),"\n",(0,i.jsx)(e.pre,{children:(0,i.jsx)(e.code,{children:"Nuxt \u4E2D\uFF0C\u9879\u76EE\u6587\u4EF6\u5939\u7684\u4F5C\u7528\u4ECB\u7ECD\n \u251C\u2500.nuxt // Nuxt\u81EA\u52A8\u751F\u6210\uFF0C\u4E34\u65F6\u7684\u7528\u4E8E\u7F16\u8F91\u7684\u6587\u4EF6\uFF0Cbuild\uFF0C\u6BCF\u6B21 npm run build \u90FD\u53EF\u4EE5\u751F\u6210\uFF0C\u4E0B\u4E00\u6B21\u751F\u6210\u4F1A\u8986\u76D6\u4E0A\u4E00\u6B21\u7684\u5185\u5BB9\n \u251C\u2500assets // \u7528\u4E8E\u7EC4\u7EC7\u672A\u7F16\u8BD1\u7684\u9759\u6001\u8D44\u6E90\u5982 LESS\u3001SASS\u6216JavaScript,\u5BF9\u4E8E\u4E0D\u987B\u8981\u7ECF\u8FC7 Webpack \u5904\u7406\u7684\u9759\u6001\u8D44\u6E90\u6587\u4EF6\uFF0C\u80FD\u591F\u653E\u7F6E\u5728 static \u76EE\u5F55\u4E2D\n \u251C\u2500components // \u7528\u4E8E\u672C\u8EAB\u7F16\u5199\u7684 Vue \u7EC4\u4EF6\uFF0C\u597D\u6BD4\u65E5\u5386\u7EC4\u4EF6\u3001\u5206\u9875\u7EC4\u4EF6\n \u251C\u2500layouts\u2B50 // \u5E03\u5C40\u76EE\u5F55\uFF0C\u7528\u4E8E\u7EC4\u7EC7\u5E94\u7528\u7684\u5E03\u5C40\u7EC4\u4EF6\uFF0C\u4E0D\u53EF\u66F4\u6539\n \u251C\u2500middleware // \u7528\u4E8E\u5B58\u653E\u4E2D\u95F4\u4EF6\uFF0C\u7528\u4E8E\u5B9A\u4E49\u5448\u73B0\u9875\u9762\u6216\u4E00\u7EC4\u9875\u9762\u4E4B\u524D\u8981\u8FD0\u884C\u7684\u81EA\u5B9A\u4E49\u51FD\u6570\n \u251C\u2500node_modules\n \u251C\u2500pages\u2B50 // \u7528\u4E8E\u7EC4\u7EC7\u5E94\u7528\u7684\u8DEF\u7531\u53CA\u89C6\u56FE,Nuxt.js\u6839\u636E\u8BE5\u76EE\u5F55\u7ED3\u6784\u81EA\u52A8\u751F\u6210\u5BF9\u5E94\u7684\u8DEF\u7531\u914D\u7F6E\uFF0C\u6587\u4EF6\u540D\u4E0D\u53EF\u66F4\u6539\n \u251C\u2500plugins // \u7528\u4E8E\u7EC4\u7EC7\u90A3\u4E9B\u987B\u8981\u5728 \u6839vue.js\u5E94\u7528 \u5B9E\u4F8B\u5316\u4EE5\u524D\u987B\u8981\u8FD0\u884C\u7684 Javascript \u63D2\u4EF6\u3002\n \u251C\u2500server // \u6682\u65E0\u914D\u7F6E\u548C\u4ECB\u7ECD\n \u251C\u2500static\u2B50 // \u7528\u4E8E\u5B58\u653E\u5E94\u7528\u7684\u9759\u6001\u6587\u4EF6\uFF0C\u6B64\u7C7B\u6587\u4EF6\u4E0D\u4F1A\u88AB Nuxt.js \u8C03\u7528 Webpack \u8FDB\u884C\u6784\u5EFA\u7F16\u8BD1\u5904\u7406\u3002 \u670D\u52A1\u5668\u542F\u52A8\u7684\u65F6\u5019\uFF0C\u8BE5\u76EE\u5F55\u4E0B\u7684\u6587\u4EF6\u4F1A\u6620\u5C04\u81F3\u5E94\u7528\u7684\u6839\u8DEF\u5F84 / \u4E0B\u3002\u6587\u4EF6\u5939\u540D\u4E0D\u53EF\u66F4\u6539\u3002\n \u2514\u2500store\u2B50 // \u7528\u4E8E\u7EC4\u7EC7\u5E94\u7528\u7684Vuex \u72B6\u6001\u7BA1\u7406\u3002\u6587\u4EF6\u5939\u540D\u4E0D\u53EF\u66F4\u6539\u3002\n \u251C\u2500.editorconfig // \u5F00\u53D1\u5DE5\u5177\u683C\u5F0F\u914D\u7F6E\n \u251C\u2500.eslintrc.js // ESLint\u7684\u914D\u7F6E\u6587\u4EF6\uFF0C\u7528\u4E8E\u68C0\u67E5\u4EE3\u7801\u683C\u5F0F\n \u251C\u2500.gitignore // \u914D\u7F6Egit\u5FFD\u7565\u6587\u4EF6\n \u251C\u2500nuxt.config.js\u2B50 // \u7528\u4E8E\u7EC4\u7EC7Nuxt.js \u5E94\u7528\u7684\u4E2A\u6027\u5316\u914D\u7F6E\uFF0C\u4EE5\u4FBF\u8986\u76D6\u9ED8\u8BA4\u914D\u7F6E\u3002\u6587\u4EF6\u540D\u4E0D\u53EF\u66F4\u6539\u3002\n \u251C\u2500package-lock.json // npm\u81EA\u52A8\u751F\u6210\uFF0C\u7528\u4E8E\u5E2E\u52A9package\u7684\u7EDF\u4E00\u8BBE\u7F6E\u7684\uFF0Cyarn\u4E5F\u6709\u76F8\u540C\u7684\u64CD\u505A\n \u251C\u2500package.json // npm \u5305\u7BA1\u7406\u914D\u7F6E\u6587\u4EF6\n"})}),"\n",(0,i.jsx)(e.h3,{id:"\u8BF7\u6C42",children:"\u8BF7\u6C42"}),"\n",(0,i.jsx)(e.pre,{children:(0,i.jsx)(e.code,{className:"language-js",children:"// \u670D\u52A1\u7AEF\u5F02\u6B65\u6570\u636E\u83B7\u53D6\nuseAsyncData('key', async () => {\n const data = await $fetch('/api/data')\n return data;\n})\n// \u53EA\u5728\u670D\u52A1\u7AEF\u6267\u884C\nonServerPrefetch(async () => {\n // \u9884\u53D6\u6570\u636E\u5230Store\n})\n// \nuseFetch()\n"})})]})}function d(n={}){let{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,i.jsx)(e,{...n,children:(0,i.jsx)(u,{...n})}):u(n)}},97806:function(n,e,t){t.d(e,{Z:()=>c,a:()=>a});var s=t(75271);let i={},r=s.createContext(i);function a(n){let e=s.useContext(r);return s.useMemo(function(){return"function"==typeof n?n(e):{...e,...n}},[e,n])}function c(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(i):n.components||i:a(n.components),s.createElement(r.Provider,{value:e},n.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.