工作需要将进行vue项目的开发,之前尚未着手vue项目,在开展工作之前,将从头到尾的vue使用归纳整理,以备查阅。
准备工作
- 安装node.js:https://nodejs.org/en/ 下载之后自动安装,一直点next即可
- 快捷键Win+R 输入cmd 调出命令行程序
- 输入node -v 查看版本号,即node.js安装成功
- 输入npm -v 查看版本号
- 输入npm install cnpm -g --registry=https://registry.npm.taobao.org 安装淘宝镜像
- 输入cnpm -v 查看版本号
安装vue
- 输入cnpm install vue,安装vue
- 输入cnpm install -g vue-cli ,全局安装vue-cli脚手架
创建项目
- 输入cd F:,进入存放目录的磁盘(若要进入指定的磁盘文件夹,输入cd filename即可)
- 输入vue init webpack vue-project-name ,弹出的项目描述部分,可自行抉择,也可默认选择enter键
- 输入 cd vue-project-name,进入项目目录
- 输入cnpm install,下载依赖文件
- 输入cnpm run dev,启动项目程序,启动成功之后,浏览器自动弹出页面或输入地址即可预览