版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
vue-cli脚手架搭建
指令:cnpm i vue-cli -g
创建项目:vue init webpack one(one是自己取的项目名,按照需要进行更改)
1、 vue-cli 脚手架安装 环境 资源 测试 热启动 打包上线
webpack 主流 前端三大自动化工具
gulp
grunt
vue-cli 脚手架 安装
1)测试是否有node 环境 并且 node 版本>=v 8.11.0
使用命令 node -v
2)为了让下载包的速度快 安装 cnpm
测试有没有:cnpm -v
有 ok
没有:http://npm.taobao.org
3)全局安装 vue-cli
cnpm install vue-cli --global 或者
cnpm install vue-cli -g
苹果电脑:sudo cnpm install vue-cli -g
输入密码:
4) 测试 vue-cli 是否安装成功
命令:vue -V 或 vue --version 可以查出他的版本 2.9.6
获取本地IP地址 ipconfig
2、通过 vue-cli 构建 vue 项目
命令vue init webpack one
解释
vue init webpack one
vue-cli的使用命令 初始化 前端自动化工具(模版) 项目名
? Project name 项目名 --- 回车
? Project description 项目描述 --- 回车
? Author 作者 --- 回车
? Vue build 选择第一个 --- 回车
? Install vue-router? vue 路由 y / --- 回车
? Use ESLint to lint your code? 代码风格检测 n --- 回车
? Set up unit tests No 测试 n --- 回车
? Setup e2e tests with Nightwatch? 测试 n --- 回车
? Should we run `npm install` for you after the project has been created? (recommended)
Yes, use NPM 使用npm 去安装项目依赖
Yes, use Yarn 使用 yarn 去安装项目依赖
❯ No, I will handle that myself 使用自己的方式安装 (cnpm)
cd 项目名 进入项目目录
npm install (or if using yarn: yarn) 安装命令 cnpm install
npm run dev 运行命令