Ubuntu 16.04中安装npm、node、vue等

共计 914 个字符，预计需要花费 3 分钟才能阅读完成。

1、安装 npm

sudo apt install npm

2、升级 npm 为最新版本

sudo npm install npm@latest -g

此时通过 npm - v 可以发现 npm 版本号为最新版本 3.10.3;

3、安装用于安装 nodejs 的模块 n

sudo npm install -g n
#  如果上面命令报错，建议使用官方的安装方式, 如果使用官方安装方式，则忽略第4步（https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-linux-distributions）curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs

4、然后通过 n 模块安装指定版本的 nodejs，n 模块更多介绍请参考 官方文档

#安装官方最新版本
sudo n latest
#安装官方稳定版本
sudo n stable
#安装官方最新 LTS 版本
sudo n lts

我们通过安装稳定版本的 nodejs，然后通过 node - v 可以发现 node 安装成功，并且版本号为 v8.11.4 稳定版本，即长期支持版本

5、安装 vue

通过淘宝镜像进行安装 cnpm 和 vue，你懂的。

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
sudo cnpm install -g vue-cli

6、使用 vue

使用以下命令初始化一个名叫 frontend 的项目

vue init webpack frontend
#  编译项目
cd frontend
cnpm run build
#  运行项目
cnpm run dev

此时就可以通过http://localhost:8080 来访问了。

7、django 中使用 vue

只需要在 setting.py 中配置几个参数即可：

在 setting.py 最后添加：

STATICFILES_DIRS = [    os.path.join(BASE_DIR)]

此时启动 django 项目即可访问：