本地需要的环境
nodejs
官方下载地址:http://nodejs.cn/download/ 根据系统下载相应安装包 安装自行查看其他资料(其实就是安装.exe之后跟着下一步走)
打开cmd命令行,输入node -v,如果出现如下图的显示,说明已经安装正确。
安装webpack
npm install webpack -g
-g 表示安装为全局
-D为在开发环境的安装
安装 vue-cli
安装 vue 脚手架项目初始化工具 vue-cli
npm install vue-cli -g
淘宝镜像
npm使用的国外中央仓库,下载速度较慢,有的时候还会有部分文件被墙掉。
安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装好淘宝镜像后可以实用cnpm 代替npm。如cnpm install webpack -g。
创建项目
vue init webpack +项目名称
(除了用 cmd 唤出命令窗口在定位到工作目录还可以直接到目录文件夹下按住shift+右键 打开Powershell窗口)
运行vue
npm run dev
成功之后可以访问访问localhost:8080(端口号可以自行修改,项目目录下的config-index.js)
安装element-ui
npm i element-ui -S
引入element-ui
现在可以进行开发了
补充下:上面截图之所以少是因为项目已经搭好我不想在弄一遍(懒了)
网友评论