项目搭建
安装脚手架工具 vue-cli
npm install vue-cli -g
vue init webpack my-project
初始化项目
* 依次输入 项目名
* 项目描述
* 作者
* ESLint 代码检查工具 使用了会对你代码格式进行严格检查
* 测试工具是否使用
* 完成项目创建- 项目创建后
cd my-project
进入项目目录
主要文件在src中建立 , 主页为index.html
,package.json
为主要的配置文件,其中有两个脚本为:
- dev : node bulid/dev-server.js
- build : node build/build.js npm install
安装项目依赖npm run dev
-->> 在 localhost 启动测试服务器- 启动完成,如果需要部署,执行
npm run build
生成上线目录部署
配置环境
1. 安装 node.js
- 目的: 配合前端开发搭建 为全局工作
- 方法: 通过 官网下载 安装 .msi文件(微软标准安装包文件)
- 验证: 通过cmd 命令窗口 输入
npm -v
查询版本
2. 配置环境变量
配置"主机用户变量"(环境变量上面一栏)
设置PATH 变量 值为C:\Users\lenovo\AppData\Roaming\npm
3. git-bash软件安装配置
4. cd 项目地址
5. cnpm install安装依赖
说明: cnpm为国内常用下载依赖配置方式 国外一般用npm 当然 以实际速度为准
易产生问题: npm 与cnpm版本不一致
建议使用别名设置方法