不同于脚手架安装，手动安装需要我们自己创建项目并安装所需扩展和插件，还需要我们自己写好组件代码，然后配置执行命令，才能启动运行，但是，手动创建更加考验大家对项目的整体把控能力；

执行命令： mkdir nuxtnpm 创建文件夹后，切换目录：cd nuxtnpm ;

然后执行命令：npm init -y 创建项目并生成 package.json 文件；

使用命令：npm install nuxt –save 安装 Nuxt.js 框架；

在 nuxtnpm 目录中，创建 pages 目录及 pages/index.vue 组件文件，在组件文件中，写如下代码，打声招呼：

1. <template> 
2.   <div> 
3.     <h2> 嗨 Nuxt.js </h2> 
4.   </div> 
5. </template> 
6.  
7. <script> 
8. export default { 
9.  
10. } 
11. </script> 

最后，我们还要在 package.json 文件中，配置运行命令的脚本参数：

1. "scripts": { 
2.    "test": "echo \"Error: no test specified\" && exit 1", 
3.    "dev": "nuxt", 
4.    "build": "nuxt build", 
5.    "start": "nuxt start", 
6.    "generate": "nuxt generate" 
7.  }, 

配置好命令参数后，就和前面的运行套路是一样的了：

npm run dev 启动一个热加载的 Web 服务器（开发模式）

npm run build 编译项目，利用 webpack 编译应用，压缩 JS 和 CSS 资源（发布用）；

npm run start 以生产模式启动一个 Web 服务器 (需要先进行项目编译)。

项目运行后，我们就可以看到刚刚写的组件内容了