vue-cli简单使用的小环境配置

作者: 想成为咸鱼的张三 | 来源:发表于2018-05-30 10:10 被阅读0次

(以下文章都是本人个人习惯,如果出错请联系作者修改)
1、安装全局淘宝镜像（cnpm）[只安装一次]

npm install -g cnpm --registry=https://registry.npm.taobao.org

2、安装全局vue-cli框架[只安装一次]

npm install vue-cli -g

3、创建项目名称

vue init webpack "项目名"

4、进入到项目文件夹中
cd 项目名（你刚才创建的项目名称文件夹）

5、安装less（sass）[可以选择不安装]

npm install less less-loader --save-dev
npm install sass sass-loader --save-dev

6、安装axios（vue中实现请求，类似Ajax）

cnpm install axios --save

6.1、main.js引入

import axios from 'axios'

Vue-cli搭建项目
第一步 vue-cli vue-cli安装非常简单，它为我们节省了很多webpack配置文件。vue-cli的使用...
vue-cli简单使用的小环境配置
(以下文章都是本人个人习惯,如果出错请联系作者修改)1、安装全局淘宝镜像（cnpm）[只安装一次] 2、安装全局v...
vue使用webpack.DefinePlugin实现环境变量
使用场景：使用于vue项目中，开发环境和生产环境使用不懂得api地址；如果使用vue-cli创建的项目，已经配置好...
2018-12-16
一. 环境配置全局安装 vue-cli：二. 初始化项目这里使用官方的 vue-cli 初始化一个 Vue ...
2018-10-10
环境配置全局安装 vue-cli：初始化项目这里使用官方的 vue-cli 初始化一个 Vue 项目vue-cl...
2018-12-06
1. 环境配置全局安装 vue-cli： 2. 初始化项目这里使用官方的 vue-cli 初始化一个 Vue ...
比较好用的两种vue-cli mock 数据配置
使用webpack vue-cli生成的目录，以及我配置的目录配置dev.env.js 一、使用vue-cli自带...
vue-cli脚手架搭建vue项目
一、下载nodejs并安装和配置环境变量二、安装vue-cli脚手架三、使用vue-cli脚手架创建项目四、...
vue-cli项目webpack打包后iconfont文件路径问
使用vue-cli创建项目，可以自动生成webpack配置文件，npm run build打包文件部署生产环境。 ...
webapck
webpack基本配置 vue-cli create-react-app只需要简单地配置就可以使用jsx和type...