idea 搭建vue+elementUI

(1)npm 想要下载 npm 可以先去 Node 的官网上下载安装 Node ,安装完 Node 之后会自带 npm 。此刻可以通过命令语句 npm -v 查看 npm 是否安装成功。可根据需要更新 npm 至最新版,更新指令为 npm install -g npm
(2)淘宝镜像 为什么需要这个东西呢?因为 npm 的服务器是国外的服务器,我们访问外国服务器很慢。于是淘宝就把 npm 的资料拷贝到了自己的服务器上,就是我们要用到的淘宝镜像。安装淘宝镜像的指令为:
npm install -g cnpm --registry=https://registry.npm.taobao.org
(3)vue-cli vue脚手架,具体的用处就不说了。指令为 cnpm install vue-cli -g
vue list 指令可以用来查看 vue-cli 是否安装成功(当淘宝镜像安装好以后之后的“npm”改用“cnpm”)。如果安装成功会出现以下显示
 

 

新建vue项目

idea 搭建vue+elementUI

idea 搭建vue+elementUI 

一值敲enter键就可以

 

idea 搭建vue+elementUI

这样就成功创建了一个vue项目  我们用idea打开它

 

idea 搭建vue+elementUI

运行:

idea 搭建vue+elementUI cd test 到达项目所在的目录 (自己注意自己项目的目录)

idea 搭建vue+elementUI

运行成功了

 idea 搭建vue+elementUI