(1)安装node.js
(2)配置淘宝镜像cnpm
(3)安装vue和脚手架工具vue-cli
(4)创建项目
(1)安装node.js
官网: http://nodejs.cn/download/
下载完成双击安装(除了自定义安装目录外,一直next)。
查看node版本,cmd命令行输入命令。
node --version
查看安装环境,了解文件夹位置。
在cmd中输入path查看环境变量,安装时自动添加了我们的node环境:
path
node.js 安装目录。
(2)配置淘宝镜像cnpm
因为npm是国外仓库位置,因为网速原因,建议cmd命令配置:
npm install -g cnpm --registry=https://registry.npm.taobao.org
查看镜像
cnmp -v
(3) 安装vue和脚手架工具vue-cli
cnpm install vue //安装vue
cnpm install --global vue-cli //安装vue-cli
查看安装位置。
(4)创建项目
在cmd命令行中,到创建的项目工程文件夹目录下:·
cd D:\uni-app (自己的项目目录)
vue init webpack helloVue //项目名不能大写
出现项目名 ProjectName hello 提示时候,一直按回车,选择Yes。
创建项目完成后有 黄色字体 提示后面操作
cd hello // 进入项目根目录
cnpm run dev //运行项目
启动项目
cd 项目地址
npm run dev
打开浏览器输入:http://localhost:8080 会自动跳转到当前界面: