VUE + element ------ (一) 搭建vue项目

1.检查电脑中的nodenpm,没有的话就去安装node.js。网址:https://nodejs.org/zh-cn/

node -v

npm -v

VUE + element ------ (一) 搭建vue项目

2.为了提高效率,我们可以安装npm的淘宝镜像cnpm:npm install -g cnpm –registry=https://registry.npm.taobao.org

VUE + element ------ (一) 搭建vue项目

3.全局安装vue-cli

npm install --global vue-cli

VUE + element ------ (一) 搭建vue项目

4.进入你自己创建的文件夹: cd 文件夹路径

  创建一个基于webpack的新项目:vue init webpack frame_project

VUE + element ------ (一) 搭建vue项目

5.成功标识:

VUE + element ------ (一) 搭建vue项目

6.进入项目,并且安装依赖

cd 项目名

npm i

VUE + element ------ (一) 搭建vue项目

依赖安装成功后,文件夹中会出现依赖目录

VUE + element ------ (一) 搭建vue项目

7.安装成功没报错的话,开始运行项目:npm run dev

VUE + element ------ (一) 搭建vue项目

8.通过网址进入我们搭建好的项目页面

VUE + element ------ (一) 搭建vue项目