vue脚手架前端配置方法

1.cmd 安装cnpm 百度cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org(如果npm不是内部或外部命令，请先安装node.js)

2.安装vue

npm install vue / cnpm install vue

3.安装 vue脚手架 （命令行工具）

npm install --global vue-cli / cnpm install --global vue-cli / npm install vue-cli -g

4. 创建项目

注意：创建项目的时候首先进入你的一个项目文件夹

vue init webpack my-project 官方提供的

vue init webpack-simple vuedemo01 （我们使用的）

vue init webpack-simple 项目名称 （默认安装的2.0）

vue init webpack-simple#1.0  项目名称

5.安装依赖，走你

cd vuedemo01

npm install / cnpm install (推荐)

6.运行项目npm run dev

这时候一个基础的vue+webpack项目就搭建完成了，但是根据不同的项目，vue所需要的依赖和配置时不同的，这里，我把一些常用的依赖和配置安装简单的介绍一下。

 

cnpm install
/axios 这是用于交互
/element-ui 这是组件
/less 这是less（类似于css，但层次更明朗）
/vuex 这是vue状态管理
/vue-router 路由
-S
cnpm install
/less-loader less的loader配置
/babel-plugin-transform-object-rest-spread （一下均为解析器)
/babel-preset-es2015
/babel-helper-vue-jsx-merge-props
/babel-plugin-syntax-jsx
/babel-plugin-transform-vue-jsx
/url-loader
-D
修改.babelrc文件
{
"presets": [
["es2015", { "