vue安装 项目创建 功能实现

java

https://cn.vuejs.org/v2/guide/installation.html

兼容性

Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。

更新日志

每个版本的更新日志见 GitHub。

用 NPM 安装

#最新稳定版

npm install vue  (安装在当前目录下的node_modules/vue)

npm install --global vue

/opt/node-v6.11.1-linux-x64/lib/node_modules/vue

基于 官方命令行工具 创建项目

全局安装命令行工具

# 全局安装 vue-cli

$ npm install --global vue-cli

安装到位置：

/home/xxxx/.npm/vue-cli/2.8.2/package/package.json

/opt/node-v6.11.1-linux-x64/lib/node_modules/vue-cli (bin lib等)

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

1. ? Project name my-project-webpack
   
2. ? Project description A Vue.js project
   
3. ? Author hcj
   
4. ? Vue build standalone
   
5. ? Install vue-router? Yes
   
6. ? Use ESLint to lint your code? Yes
   
7. ? Pick an ESLint preset Standard
   
8. ? Setup unit tests with Karma + Mocha? Yes
   
9. ? Setup e2e tests with Nightwatch? Yes
   
10. 
    
11.    vue-cli · Generated "my-project-webpack".
    
12. 
    
13.    To get started:
    
14.    
    
15.      cd my-project-webpack
    
16.      npm install
    
17.      npm run dev
    
18.    
    
19.    Documentation can be found at https://vuejs-templates.github.io/webpack
    

复制代码

# 安装依赖

$ cd my-project

$ npm install

$ npm run dev

java

参考 https://github.com/PanJiaChen/vueAdmin-template
# Clone project
git clone https://github.com/PanJiaChen/vueAdmin-template.git

# Install dependencies
npm install

# serve with hot reload at localhost:9528
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report