Debian 9 配置 vue 开发环境

2020-11-20 tech linux vue nodejs 3 mins 5 图 1071 字

最近开始捡起来前端 vue 的开发，这里记录一下环境搭建的过程。

安装nodejs

官网教程适用于大部分场景了。在这里我安装当前最新的LTS版 v14.x，两个命令即可：

curl -sL https://deb.nodesource.com/setup_14.x | bash -
apt-get install -y nodejs

很不幸，在我的机器上出现了下面的错误：

The AppStream system cache was updated, but some errors were detected, which might lead to missing metadata.

实际上我也没有头绪。随意敲了几个命令，upgrade 了几个包解决了，具体原因还是不清楚：

apt-get update
apt-get upgrade
apt autoremove

确认版本：

node -v
npm -v

nodejs配置

使用阿里的镜像源

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

在 .zshrc 或 .bashrc 中添加新命令

alias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm \
--disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"

安装vue-cli

npm install -g @vue/cli

查看版本：

vue --version

@vue/cli 4.5.9

很遗憾，在这里我也遇到了问题。

大概可以看出来系统已经安装过了vue，而且是 2.x 版本的vue。在这里先进行卸载。

npm ERR! EEXIST: file already exists, symlink '../lib/node_modules/@vue/cli/bin/vue.js' -> '/usr/bin/vue'

卸载：

npm uninstall -g vue-cli

创建demo应用

由于目前vue已经到3的版本了，3也兼容2的版本。所以这里我就直接使用 vue3 做测试了。

vue create kelu

会弹出相关的交互式问题，下面是我做的选项，把 vuex router都安排上了。

运行

npm run serve

从原有代码中运行

npm install
npm run serve