ubuntu20.04 搭建vue开发环境

当前系统版本

cat /etc/issue

ubuntu20.04 搭建vue开发环境

nodejs安装

sudo apt install nodejs

ubuntu20.04 搭建vue开发环境

 

 

查看nodejs版本

nodejs -v

 

ubuntu20.04 搭建vue开发环境

 

npm安装

sudo apt install npm

查看npm版本

npm -v

  ubuntu20.04 搭建vue开发环境

 

 

cnpm安装(淘宝NPM镜像)

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

Vue安装

sudo cnpm install -g vue-cli

查看版本和是否安装成功

vue -V

  ubuntu20.04 搭建vue开发环境

 

 创建vue项目

sudo vue init webpack vuedemo

 

ubuntu20.04 搭建vue开发环境

 

 ubuntu20.04 搭建vue开发环境

 

运行项目

cd vuedemo
npm run dev

ubuntu20.04 搭建vue开发环境

 

 打开浏览器测试

ubuntu20.04 搭建vue开发环境

 

 成功运行!

 

ubuntu20.04 搭建vue开发环境

上一篇:Eclipse中常用快捷键


下一篇:Linux学习(1)