11 nuxt客户端渲染之helloworld

1、前提约束

• 完成nodejs，vue-cli，webpack，webpack-dev-server的安装
  https://www.jianshu.com/p/eb4d9e132f62

2、操作步骤

• 创建项目：

# 执行此命令，一路回车
vue init nuxt/starter nuxt-demo
# 进入项目路径
cd nuxt-demo
# 下载依赖包
cnpm install
 # 构建
cnpm run build
# 启动
cnpm run start

• 项目结构：

   
   

  

  项目结构
• 访问启动日志打印的路径，作者项目启动路径是 http://localhost:3000
   

  

  项目首页
  
  以上就是我们采用vue脚手架创建的nuxt的第一个demo。