Vue-cli脚手架创建
2019-05-23 10:14
274 查看
一.配置环境**
1. 配置环境,安装node.js,按自己需求下载,一般优先考虑使用人数最多的版本,官网有推荐。
2. 在cmd中使用node -v和npm -v来检测安装的版本号(是否安装成功)
3. 若觉得npm下载插件速度太慢,可使用淘宝镜像:npm install -g cnpm -registry=https://registry.npm.taobao.org,安装后可使用cnpm -v检测版本号
安装node.js后检查截图:
二.全局安装Vue-cli
1.安装Vue-cli
npm install -y vue-cli
2.初始化Vue项目,使用webpack打包项目,实现模块化开发:
vue init webpack 项目名称
安装依赖速度有点慢,想要加快下载速度,可安装淘宝镜像cnpm
**注:一般不要打开ESLint,打开后会严格检查代码,如果书写有一点不规范,都会报错 **
3.
1.进入项目位置: cd your_project_name 2.启动项目: npm run dev 3.网页进入项目: localhost:8080
安装完成!
相关文章推荐
- vue使用vue-cli脚手架创建vue项目
- 使用vue-cli脚手架创建的项目结构详解
- vue.js学习02之vue-cli脚手架创建项目环境搭建
- Vue-cli是何物?创建项目脚手架
- 最新图解 利用vue-cli 脚手架创建项目
- vue安装(vue-cli2.0脚手架安装)与创建项目以及打包部署
- vue-cli脚手架创建VUE项目并详解结构
- 用vue-cli脚手架创建项目
- vue.cli脚手架工具 创建项目
- 图文讲解用vue-cli脚手架创建vue项目步骤
- vue-cli的使用,创建项目,教程,上手,vue脚手架的使用
- windows 下用vue-cli脚手架工具创建vue项目及遇到的相关问题
- Vue2项目架构搭建(二)——vue-cli脚手架创建项目
- vue学习笔记-使用vue-cli脚手架快速创建vue项目工程
- Vue-cli 脚手架工具 及 创建项目
- vue.js的vue-cli脚手架中使用百度地图API的实例
- 安装vue-cli脚手架提示Error: spawn npm ENOENT的解决方式
- node 安装 vue-cli 创建vue项目
- 使用vue-cli脚手架在vs code 建立vue项目
- vue脚手架cli