初始化Vue项目(vue-cli)

1,237 阅读1分钟

安装node

1.下载node
wget https://nodejs.org/download/release/v12.2.0/node-v12.2.0-linux-x64.tar.gz
2.解压
tar -xvf node-v12.2.0-linux-x64.tar
3.配置环境变量(编辑/etc/profile)
export NODE_HOME=/home/es/node-v12.2.0-linux-x64
export PATH=$PATH:$NODE_HOME/bin
3.验证
node -v
npm -v

设置npm镜像 & 本地仓库地址

1.npm镜像设置
npm config get registry(查看当前使用的npm仓库)
npm config set registry https://registry.npm.taobao.org(设置淘宝镜像)

2.npm本地仓库设置
npm config set cache /home/es/npmreps/npm-cache/
npm config set prefix /home/es/npmreps/npm-globel/

3.配置环境变量
export PATH=$PATH:$NODE_HOME/bin:/home/es/npmreps/npm-globel/bin

安装vue-cli(类似java中的maven)

npm install vue-cli -g

使用vue-cli生成项目

1.生成项目
vue init webpack first-pro
2.安装依赖
npm install
3.启动项目
npm run dev

效果查看(localhost:8080)

image.png