美文网首页NUXT学习
2.Nuxt 项目初始化

2.Nuxt 项目初始化

作者: winzhyming | 来源:发表于2018-05-15 09:12 被阅读0次

一、利用vue-cli脚手架初始化项目

1. 安装脚手架

npm i -g vue-cli

2. 利用脚手架初始化项目

vue init nuxt-community/starter-template demo

其中 demoproject name

3. 运行demo项目

cd demo

npm i

npm run dev

界面输出:

运行成功结果

在浏览器里访问 localhost:3000 即可看到结果


二、可能遇到的问题

建议用最新的nodejs去开发,否则新的语法什么的可能支持性不是很好

1. 在npm run dev 以后,发生error,如下:

error

解决方法:更新最新版本的NodeJS就可以了,其他的patch方法请自行网上检索。

相关文章

  • 2.Nuxt 项目初始化

    一、利用vue-cli脚手架初始化项目 1. 安装脚手架 npm i -g vue-cli 2. 利用脚手架初始化...

  • 基于Element UI的后台管理搭建

    1.首先项目初始化 2.首先项目初始化

  • dva.js 上手

    初始化 安装 dva-cli 用于初始化项目: 创建项目目录,并进入该目录: 初始化项目: 然后运行 npm st...

  • webpack构建项目

    webpack构建项目 一. 初始化项目 npm init -y 初始化项目信息 npm install --sa...

  • 打造属于自己的脚手架

    初始化项目 工程创建添加配置文件npm link 编写 Cli使用 commander新建命名 初始化项目 初始化...

  • Hello Vapor

    项目初始化 安装Vapor Tools 使用Vapor Tools初始化项目注意:可以根据需求创建模板项目vapo...

  • 用vue-cli3开发一个模仿饿了吗的ui库

    初始化项目 使用vue-cli3初始化项目,初始化目录如下: 将src修改为packages,用于放置组件源文件。...

  • Go 项目运行记录

    (仅供自己记录学习) 1. 项目结构 2. 根据项目包名初始化 【初始化】1. go mod init 【初始化】...

  • webpack4搭建react脚手架

    创建并初始化项目 先创建项目文件夹在项目中npm init 初始化项目建议node版本8以上,因为应用webpac...

  • 4.初始化node项目(package.json文件)

    进入项目目录 cd F:\nodeDemo,执行初始化项目运行命令: 运行初始化命令会提示填入相应项目信息,并最终...

网友评论

    本文标题:2.Nuxt 项目初始化

    本文链接:https://www.haomeiwen.com/subject/mcpjdftx.html