Vue 安装与配置

• 安装 Nodejs

官网下载: https://nodejs.org/en/download/
解压到 /home/user 下
复制路径(例如：/home/user/apps/node-v10.15.3-linux-x64/bin)

添加环境变量：
cd /home/user
sudo vim .bashrc

在 PATH="$PATH:/opt/*******/bin" 下添加一行
PATH="$PATH:/home/user/apps/node-v10.15.3-linux-x64/bin"

刷新环境变量：
source .bashrc
复制代码

• 替换淘宝源 (添加下面内容至 .bashrc) npm.taobao.org/

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

• 全局安装 vue Vue CLI

npm install -g @vue/cli
复制代码

• 检查vue是否安装成功

vue --version
复制代码

• 启动vue图形化创建项目界面

vue ui
复制代码

• 命令行创建项目

sudo vue create vue_test1
复制代码

• 运行项目(生成端口号后，浏览器直接访问即可)

npm run serve
复制代码

• 打包项目

npm run build
复制代码

转载于:https://juejin.im/post/5ca306b4f265da30ae3145e2