从零搭建nuxt.js框架

从零搭建nuxt.js框架

1、打开cmd,输入npx create-nuxt-app <项目名>(npx 在 NPM 版本 5.2.0 默认安装了)。

npx create-nuxt-app

2、选择项目配置

项目配置

– 1、项目名
– 2、选择脚本语言
– 3、依赖安装方式,网不好可以选择其他镜像。
– 4、选择安装ui插件,有element、vant等等,我喜欢按需导入自定义安装,以提升项目性能。所以我选择不按照插件。
– 5、安装axios,以便轻松地将 HTTP 请求发送到您的应用程序中。
– 6、安装 EsLint 以便在保存时代码规范和错误检查您的代码。
– 7、保存时格式化/美化您的代码方式,我用的vscode编辑器,有美化代码功能,就不添加了。
– 8、渲染模式,用 nuxt.js 就是看中 ssr 和 ssg !
– 9、部署目标,这个喜欢那个就选择那个。
– 10、开发工具,我开发工具是vs code,也没安装typescript,所以我直接选jsconfig.json。
– 11、Continuous integration(在集成的服务器端框架之间进行选择),我选的none,Nuxt默认进行。
– 12、版本控制,我用的是git

3、运行项目

终端输入:npm run devhttp://localhost:3000/显示如下图,就基本搭建就完成了。

npm run dev
localhost:3000

暂无评论

发送评论 编辑评论


				
上一篇
下一篇