Ubuntu18.04搭建Vue开发环境 更新软件源列表 nodejs安装 npm安装 cnpm安装(淘宝NPM镜像) vue脚手架安装 创建vue项目 进入项目文件夹内,安装项目依赖 运行项目

Ubuntu18.04搭建Vue开发环境
更新软件源列表
nodejs安装
npm安装
cnpm安装(淘宝NPM镜像)
vue脚手架安装
创建vue项目
进入项目文件夹内,安装项目依赖
运行项目

 sudo apt update

nodejs安装

sudo apt install nodejs
nodejs -v   #查看版本

npm安装

sudo apt install npm
npm -v  # 查看版本

cnpm安装(淘宝NPM镜像)

cnpm是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

sudo  npm install -g cnpm --registry=https://registry.npm.taobao.org   # 安装时会比较慢 看网络情况
cnpm -v   #查看版本

vue脚手架安装

sudo cnpm install -g vue-cli
vue -V  # 查看版本

创建vue项目

vue init webpack 项目名 

Ubuntu18.04搭建Vue开发环境
更新软件源列表
nodejs安装
npm安装
cnpm安装(淘宝NPM镜像)
vue脚手架安装
创建vue项目
进入项目文件夹内,安装项目依赖
运行项目

进入项目文件夹内,安装项目依赖

sudo  cnpm install

运行项目

sudo npm run dev
访问http://localhost:8080