Nuxtjs初始
第⼀步，搭建项⽬之前的准备⼯作，需要升级⾃⼰的npm的version⾄少在5.2以上，因为需要⽤到npx这个命令，如果已经是这个版本以上的就不⽤更新⾃⼰的npm了，如何更新npm⾃⾏百度
npx create-nuxt-app 项⽬名称
第⼆步，他会提⽰让你选择或填写，你的项⽬名称，描述，服务端框架和ui框架等等，如下图
选择完之后就开始构建初始化的项⽬了，构建成功之后执⾏下⾯命令，启动项⽬
cd 项⽬名
npm run dev
看到如下界⾯就表⽰你已经启动成功了
就此，初始nuxtjs的第⼀步就这么开始了
|-- .nuxt                            // Nuxt⾃动⽣成，临时的⽤于编辑的⽂件，build
|-- assets                          // ⽤于组织未编译的静态资源⼊LESS、SASS 或 JavaScript
|-- components                      // ⽤于⾃⼰编写的Vue组件，⽐如滚动组件，⽇历组件，分页组件
|-- layouts                          // 布局⽬录，⽤于组织应⽤的布局组件，不可更改。
|-- middleware                      // ⽤于存放中间件
|-- pages                            // ⽤于存放写的页⾯，我们主要的⼯作区域
|-- plugins                          // ⽤于存放JavaScript插件的地⽅
|-- static                          // ⽤于存放静态资源⽂件，⽐如图⽚
json检查|-- store                            // ⽤于组织应⽤的Vuex 状态管理。
|-- .editorconfig                    // 开发⼯具格式配置
|-- .eslintrc.js                    // ESLint的配置⽂件，⽤于检查代码格式
|-- .gitignore                      // 配置git不上传的⽂件
|-- fig.json                // ⽤于组织Nuxt.js应⽤的个性化配置，已覆盖默认配置
|-- package-lock.json                // npm⾃动⽣成，⽤于帮助package的统⼀性设置的，yarn也有相同的操作
|-- package-lock.json                // npm⾃动⽣成，⽤于帮助package的统⼀性设置的，yarn也有相同的操作
|-- package.json                    // npm包管理配置⽂件
你可以修改ip和端⼝号
重启后直接访问localhost:8888就好了
也可以直接引⼊css
因为vue是单页⾯的，所以不利于seo的优化，所以就出来了nuxtjs，把页⾯的head都提出来管理了
nuxtjs还有⼀个很⽅便的地⽅就是路由router⾃动⽣成
例如你在pages下简历如下页⾯
然后你点击.nuxt查看下⾯的router.js
还是有点⽅便的

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。