一. node安装 1)如果不确定自己是否安装了node,可以在命令行工具内执行: node -v  (检查一下 版本): 2)如果 执行结果显示: xx 不是内部命令,说明你还没有安装node , node 安装地址:http://nodejs.cn/download/ 注 :安装 vue-cli 脚手架目前需要node版本为 v4.0 以上: 二. vue-cli 全局安装 命令行执行 : npm install -g vue-cli    // 加-g是安装到全局 安装完成以后 可以输入命…

步骤说明: 1.确保安装了vue-cli 安装:cnpm install vue-cli -g 验证版本:vue --version 2.生成项目模板: vue init webpack-simple mintui-case-wxactivity 3.进入项目目录 初始化:cnpm install 运行:cnpm run dev 4.下载引入vueRouter,并使用 下载:cnpm install vue-router --save-dev 引入:import VueRouter from '…

使用vue-cli可以规范项目,提高开发效率,但是使用vue-cli时需要一些ECMAScript6的知识,特别是ES6中的模块管理内容,本章先介绍ES6中的基础与模块化的内容再使用vue-cli开发vue项目. 一.ECMAScript6概要 ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言.这种语言在万维网上应用广泛,它往往被称为…

改造 vue-cli 脚手架 注意,这里使用的 vue-cli 的版本为 2.8.2,不同版本的 vue-cli 可能会有些许不一样. 一.配置多页面 项目开发目录: 需要注意一点,每个页面的文件夹命名.文件夹里面的入口 js 文件名及 hmtl 模板文件名应该一致,这样就可以使用一个函数来自动配置入口文件,而不必手动配置 project/ ├──build/ ├──config/ ├──node_modules/ ├──src/ │ ├──assets/ │ ├──components/ │…

我们直接从vue的工程化开始入手. 在这里用git命令行搭建项目环境.(当然直接cmd命令行下也是一样的) git下载安装地址:https://www.git-scm.com/download/win git使用教程:http://www.cnblogs.com/havenshen/p/3493522.html git常用命令整理:http://www.cnblogs.com/luxiaoxing/p/7545403.html 1.node安装. node下载安装地址:http://nodejs…

mac sudo npm install -g nrm sudo npm config -g set unsafe-perm sudo npm install webpack@3.0.0 -g sudo npm install --global webpack-cli sudo npm install --global vue-cli vue-cli 脚手架 Command Line Interface 使用管理员身份运行 "命令行提示符" 1. npm install --globa…

一:安装node.js Node.js官网:https://nodejs.org/en/download/ 选择相应的版本即可安装 通过node自带的npm包管理工具 二.安装依赖 安装依赖:npm install 如果国外安装比较慢,可采用国内淘宝镜像安装:npm install -g cnpm --registry=https://registry.npm.taobao.org 安装依赖:cnpm intall 三.安装vue-cli脚手架 全局安装vue-cli脚手架 Mac版本安装: s…

// 下面是引入nodejs的路径模块 var path = require('path') // 下面是utils工具配置文件,主要用来处理css类文件的loader var utils = require('./utils') // 下面引入webpack,来使用webpack内置插件 var webpack = require('webpack') // 下面是config目录下的index.js配置文件,主要用来定义了生产和开发环境的相关基础配置 var config = require…

vue安装 1.vue安装: $ cnpm install vue 2.安装vue-cli脚手架构建工具: # 全局安装 vue-cli $ cnpm install --global vue-cli 3.构建于webpack模板的一个新项目: #my-project为自定义项目名 $ vue init webpack my-project 初始化一个项目,或使用 $ vue init webpack-simple my-project 4.init Project name (my-proje…

图中&属于postcss的语法,这样书写样式可以清楚的看出选择器之前的层级关系,非常好用. 在利用vue-cli脚手架搭建的项目中如果不配置是不支持这种写法的,这样写不会报错,但是样式不生效. 为了让项目中的vue文件支持这种写法,需要在配置postcss-cssnext模块. 往项目中安装postcss-cssnext模块: npm install postcss-cssnext --save-dev 安装完后,会在项目的package.json文件的devDependencies对象中看到p…