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", { "