Debian 9 配置 vue 开发环境

最近开始捡起来前端 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.

image-20201125122253041

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

apt-get update
apt-get upgrade
apt autoremove

image-20201125122823911

确认版本:

node -v
npm -v

image-20201125130514125

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'

image-20201125132803736

卸载:

npm uninstall -g vue-cli

创建demo应用

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

vue create kelu

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

image-20201125135011676

运行

npm run serve

从原有代码中运行

npm install
npm run serve

如果本文对你有帮助,欢迎投食

深入理解 Kubernetes 网络模型 - 自己实现 kube-proxy 的功能 - IcyRoc译 当 K8s 集群达到万级规模,阿里巴巴如何解决系统各组件性能问题 - 曾凡松