如何搭建vue-cli脚手架开发vue项目

本文介绍了如何使用vue-cli搭建vue项目,包括node.js和npm的安装,vue-cli的初始化,项目创建,目录结构解析,依赖包安装及通过npm run dev启动项目。详细步骤简单明了,帮助开发者快速上手vue开发。
摘要由CSDN通过智能技术生成

如何搭建vue-cli脚手架开发vue项目

使用vue-cli搭建vue项目,需要的本地环境是node和npm,node.jsde 安装详细可以去官网了解,安装流程清晰.地址:node.js.关于npm包的安装这里有两种形式。一种是npm,另一种是cnpm淘宝镜像。区别是:cnpm的下载速度比npm快,原因是,cnpm的服务器在国内,npm在国外,下载npm包的时候如果网络不给力,经常下不了报错。

1. 框架简单介绍

Vue+ ESLint + webpack + iview+ES6

Vue: 主要框架

ESLint: 帮助我们检查Javascript编程时的语法错误,这样在一个项目中多人开发,能达到一致的语法

Webpack: 设置代理、插件和loader处理各种文件和相关功能、打包等功能。整个项目中核心配置

iview: 是基于vue的一套样式框架,里面有很多封装好的组件样式

ES6: 紧跟时代潮流,使用ES6语法,利用babel处理。

2. 安装vue-cli

1. 打开cmd ,敲入命令:
 ```javascript
 npm install --global vue-cli
 ```
2. 安装好之后打开C:\Users\Administrator\AppData\Roaming\npm可以看到这个文件夹下已经有相关的脚本文件

3.创建vue项目

  1. cmd

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值