Vue 环境安装
环境准备
nodejs 下载安装
https://nodejs.org/en/
查看下载版本
C:\>node -v
v7.6.0
C:\>npm -v
4.1.2
下载引入
vue.js
https://vuejs.org/js/vue.js
npm
npm install vue
相关的命令
npm init --yes 初始化项目 自动生成一个 package.json 文件 npm rebuild 拿到别人的项目环境不一致导致报错的时候可以先重建一下环境 npm install 下载所有的依赖包 npm install jquery --save 下载依赖包 npm run build 打包生成静态文件夹 npm run dev 启动项目 npm start 启动项目 npm install -g cnpm --registry=https://registry.npm.taobao.org 更改为淘宝镜像 cnpm install -g vue-cli 安装 vue-cli
vue -V 查看版本
vue list 查看项目支持类型
查看支持项目类型
简单示例用 webpack-simple
真正项目用 webpack
C:\>vue list Available official templates: ★ browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing. ★ browserify-simple - A simple Browserify + vueify setup for quick prototyping. ★ pwa - PWA template for vue-cli based on the webpack template ★ simple - The simplest possible Vue setup in a single HTML file ★ webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction. ★ webpack-simple - A simple Webpack + vue-loader setup for quick prototyping.
创建项目
F:\yangtuo>vue init webpack ? Generate project in current directory? Yes 'git' �����ڲ����ⲿ���Ҳ���ǿ����еij��� ���������ļ��� ? Project name yangtuo ? Project description A Vue.js project ? Author ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint your code? No ? Set up unit tests No ? Setup e2e tests with Nightwatch? No ? Should we run `npm install` for you after the project has been created? (recommended) npm vue-cli · Generated "yangtuo". # Installing project dependencies ...