vue.js-window系统的环境搭建

来源:互联网 发布:内网软件 编辑:程序博客网 时间:2024/05/29 10:06

vue官网明确指出:“从头搭建一个服务端渲染的应用是相当复杂的。幸运的是,我们有一个优秀的社区项目 Nuxt.js 让这一切变得非常简单。”之后便是安装。对于初学者的我,一头雾水,虽然知道命令的意思却不知道在哪里输入。不愧是“万事开头难”。下面,我将详细介绍nuxt.js的安装。

首先,下载node.js,地址:http://nodejs.cn/download/——因为node.js自带npm。建议选择阿里云镜像。我安装的Windows 系统 (.msi),但要注意与电脑版本匹配。这样npm就安装好。

其次,打开cmd,依次输入一下npm命令,中间可能有点慢,请耐心等待。

          

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目,
$ vue init webpack my-project(项目名称,如:firstproject)
# 安装依赖,走你
$ cd my-project(进入firstproject)
$ npm install
$ npm run dev(运行)

   最后,打开http://localhost:3000,变可以看到效果。最后一步,只需要把项目引入到编辑器即可。


  

原创粉丝点击