如何搭建一个基于nuxt.js的项目

介绍

nuxt.js(中文官方文档)是vue.js的一个通用型应用框架,有了以前搭建vue项目的过程以后,搭建一个nuxt项目就会十分简单。html

搭建步骤

1.打开命令提示符,进入到相关文件夹下;vue

2.使用以下命令一步搭建项目npm

vue init nuxt-community/starter-template testPro  --testPro为项目名称

3.须要进一步输入如下信息框架

Project name (testPro) test-pro       --输入项目名称,回车
Project description (Nuxt.js project) --项目描述,直接回车便可
Author syf                            --输入做者姓名,回车便可

3.进入到testProide

cd testPro

4.安装依赖ui

npm install

5.启动项目spa

npm run dev

6.具体过程以下nuxt

7.访问http://localhost:3000,获得以下图所示,说明nuxt项目搭建成功code

 

 


  说明:本文为原创做品,如有参考会在文中说起,若有遗漏,涉及侵权,请联系本人,将当即修正。htm

相关文章
相关标签/搜索