linux（Ubuntu）搭建Vue开发环境

2023-11-18 05:53| 来源: 网络整理| 查看: 265

一环境准备 1.更新软件源软件列表

命令行输入

sudo apt update 2.安装nodejs

命令行输入

sudo apt install nodejs

有提示就输入yes就好

然后命令行查看nodejs版本号，顺便测试nodejs是否正确安装

nodejs -v

在这里插入图片描述

二安装npm和cnpm 1.npm安装

命令行输入

sudo apt install npm

安装好后输入

npm -v

查看是否安装成和当前版本号在这里插入图片描述

2.cnpm安装

由于npm很慢，所以还需要安装cnpm。使用npm安装cnpm，命令行输入

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

这里可能需要一段时间，但如果一致卡在 loadDep这里，像下面这样，就说明有问题了。在这里插入图片描述

我的解法方法，可能是你的npm版本太低，更新下就好，在命令行输入如下命令：

npm install -g npm

再重启终端，执行 npm -v 就可以看到最新版的npm（我上面的npm版本就是最新版的），再安装cnpm就可以了，我就这样解决了。

最后输入cnpm -v，查看是否安装成功和查看版本号

在这里插入图片描述

三.vue安装 1.安装vue-cli

首先安装脚手架工具vue-cli 命令行输入

sudo cnpm install -g vue-cli

输入vue -V查看Vue版本号，顺便测试是否正确安装，至此Vue安装便已经完成在这里插入图片描述

2.创建Vue项目

创建Vue项目demo

sudo vue init webpack demo

然后提示你输入一些东西，看着来就行，一般输入no就行了

进入项目文件夹内（cd demo），并安装项目依赖（sudo cnpm install），然后运行项目（sudo npm run dev），等一会就可以了。然后运行成功会提示我们项目访问地址，输入地址就可访问了。在网站看到下面这个就OK啦在这里插入图片描述

不过现在只能在你的电脑访问，下个博客说如何在服务器把vue项目部署到Nginx，使得能在外网访问你的项目，同时加上tornado后端反馈。

【本文地址】

公司简介

联系我们