Ubuntu 16.04中安装npm、node、vue等

2017/08/0417:11:25 发表评论

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中配置几个参数即可:

image.png

在setting.py最后添加:

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

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

image.png

  • 微信扫码赞助
  • weinxin
  • 支付宝赞助
  • weinxin

发表评论

您必须才能发表评论!