Node.js +Vue.js + express 最小白安装的方法

网上没有比较小白的教程,正好从新搭建了一下环境就记录一下吧

环境 Ubuntu x64

一、安装 Node.js

官网这里提供了两种安装方式,一种是源代码,一种是编译好的,这里我使用的是编译好的,因为编译好的安装相对比较简单啦~

1.下载到任意目录并解压

$ wget http://cdn.npm.taobao.org/dist/node/v8.9.0/node-v8.9.0-linux-x64.tar.xz
$ tar -xvf node-v8.9.0-linux-x64.tar.xz 

2.CD 进入解压过的node路径里面的bin文件夹

$ cd node-v8.9.0-linux-x64/bin

查看目录里面是否有 node 和 npm 没有的话重试前两步

3.建立软连接(可能需要root权限执行)

# ln -s /home/yio/Documents/node/node-v8.9.0-linux-x64/bin/node /usr/local/bin/
# ln -s /home/yio/Documents/node/node-v8.9.0-linux-x64/bin/npm /usr/local/bin/

输入 3 node -v

最后设置下npm的默认路径,否则vue的时候回出错

# npm config set prefix /usr/local

 

显示版本号即安装成功!

二、安装express

在此之前安装Node的时候已经安装上了npm所以这里可以用npm直接安装 express

新建一个目录,执行

# npm install express --save

题外话,想要快速安装请使用淘宝的npm镜像

# npm install -g cnpm --registry=https://registry.npm.taobao.org

需要cnpm替换npm的话执行

# cnpm install express

 

 

安装完成之后建立一个文件app.js

 

var express = require('express');
var app = express();
app.get('/',function(req,res){
    res.send('ok');
})
app.listen(3000,function(){
    console.log('启动成功!')
});
 # node app.js

访问 localhost:3000

三、安装 Vue.js

新建一个文件夹 Vue

# cd vue
# npm install vue

或者使用淘宝镜像

 # cnpm install vue

之后执行

#cnpm install vue-cli
#vue -V

 

创建一个 vue 项目

# vue init webpack my-probject

进入新建的 项目

# cd my-probject

安装

# npm install
或者
# cnpm install

运行

# npm run dev

进去看看 http://localhost:8080

 

 

 

后面讲前后端分离

发表评论

电子邮件地址不会被公开。 必填项已用*标注