【一、 nuxt 安装】

首先,在使用npm前你需要安装Node到系统中

然后,按照下面的步骤进行安装

1.用npm来安装vue-cli这个框架,如果你已经安装过了,可以省略这步。

npm install vue-cli -g

根据你的网络环境不同,安装的速度不同,如果你的网络环境实在不好,可以考虑使用cnpm来进行安装。(在实际开发中我会尽量避免使用cnpm来进行安装,因为会出现一些未知的错误。)安装完成后可以使用vue -V 来测试是否安装成功。(注意:这里要使用大写的V,小写无效)。

 

2.使用vue安装 nuxt

安装好vue-cli后,就可以使用init命令来初始化Nuxt.js项目。

vue init nuxt/starter

这时候他会在github上下载模版,然后会询问你项目的名称叫什么,作者什么的,这些完全可以根据自己的爱好填写。

3.使用npm install安装依赖包

npm install

这个过程是要等一会的,如果你这个过程安装失败,你可以直接诶删除项目中的node_modules文件夹后,重新npm install进行安装。

4.使用npm run dev 启动服务

npm run dev

5.在浏览器输入 localhost:3000,可以看到结果。

Hello World

在项目根目录下找到/pages/index.vue文件,然后把项目名称改写成Hello World。框架支持热更新,所以你不用刷新就自动更新了。

 

 

 

 

 

 

 

你可能感兴趣的:(vue)