1.最简单的方式直接引入vue.js,但是一般公司都不会用这种方式搭建项目的 , 但是这个可以自学vue比较实在
2利用脚手架vue-cli搭建项目
(1)下载安装node.js 进入Node.js官网:https://nodejs.org/en/,选择下载并安装Node.js。
安装好之后在dom窗口输入node -v查看版本号基本就是你下载的那个版本号
让后输入npm -v 查看npm包管理器的版本,一般安装好node对应的npm也就安装好了,但是还是要看一下npm的版本是否太低了
如果低了你输入 npm -g install npm 来更新npm的版本
(2)安装镜像管理工具nrm 执行全局的 npm install -g nrm ,执行nrm ls 获取镜像列表 , nrm user 镜像名称 切换镜像
安装镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 基于node.js,利用淘宝npm镜像安装相关依赖
(3)安装脚手架 vue-cli 输入 cnpm install -g vue-cli
输入vue回车查看‘’出现vue信息表明成功
(4)安装第三方依赖包 cnpm安装项目开发依赖包axios和element-ui 通过在cmd中使用命令先定位到项目名所在目录的下一层,然后输入命令: cnpm install --save axios element-ui
上面就是把vue-cli的环境搭建起来了
3搭建项目
(1)在自己的项目工程中输入 vue init webpack first_vue 搭建第一个项目 , 可以一直回车
(2)安装依赖包:cnpm install
(3)输入cnpm run dev来跑项目
(4)输入localhost:8080来访问