安装：
npm install -g vue-cli
用法: vue init <template-name> <project-name>
如果不写项目名，则默认当前文件夹作为项目名
举例：
vue init webpack my-project
目前可用的模块包括
·webpack - 一个功能齐全的webpack+vue-loader设置，具有热重载，linting，测试和css提取功能
·webpack-simple - 一个简单的webpack+vue-loader设置，用于快速原型设计
·browserify - 全功能Browserify+vueify设置用热重载载，linting&单元测试。
·browserify-simple - 一个简单的Browserify+vueify设置，用于快速原型设计
·pwa - 基于webpack模板的vue-cli的PWA模板
·simple - 单个HTML文件中最简单的vue设置
webpack模板构建演示
关于vue的框架、库和好的资源
相关文件和文件夹的含义
project
--build webpack相关配置文件（都已配置好，一般不用再进行配置）
----build.js 配置文件
----check-vensions.js 检测npm node等的版本
----vue-loader.conf.js 关于css-loader的加载
----utils.js 一些工具文件
----webpack.base.conf.js webpack的主要文件
----webpack.dev.conf.js 开发环境配置
----webpack.prod.conf.js 生产环境配置
--config vue基本配置文件（我们可以配置监听端口，打包输出等）
----dev.env.js 环境文件
----index.js
----prod.env.js
--node_modules 依赖模块包
--src 核心项目文件（我们洗的代码都放在这个文件夹下）
----assets 静态资源（样式类文件，如css less sass，以及一些外部的js文件）
----components 公共组件
----router 路由（配置项目路由）
----App.vue 根组件
----main.js 入口文件
--static 静态资源（一般放图片类资源）
--.babelrc babel的配置文件 编译参数
--.editorconfig 代码编辑器配置文件
--.gitignore 忽略config配置文件，如果放到GitHub上忽略node_modules（模块包）等配置文件
--.postcssrc.js css配置文件，对css前缀补充等
--index.html
--package.json
--
网友评论