#vue console

目标：快速初始化一个vue工程

##目录结构

##说明 将css(使用@import的和.vue内style的)样式都独立抽离为main.css文件,如果想按需加载,可以将webpack.base.js内的如下代码注释

vue: {
    loaders: {
        css: ExtractTextPlugin.extract(
            "style-loader",
            "css-loader?sourceMap",
            {
                publicPath: "../dist/"
            }
        )
    }
}

new ExtractTextPlugin("[name].css",{ allChunks : true,resolve : ['modules'] }),

#如何使用

##说明

html模板文件在src/template/index.ejs内。

##安装

// 安装前请先确保已安装node和yarn
yarn的安装方法:
 
Windows:
需要下载msi文件 ，下载地址：https://yarnpkg.com/latest.msi
 
macOS:
curl -o- -L https://yarnpkg.com/install.sh | bash
 
Linux:
sudo apt-key adv --keyserver pgp.mit.edu --recv D101F7899D41F3C3 echo "deb http://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list  
sudo apt-get update && sudo apt-get install yarn 

// 需要提前在全局安装webpack和webpack-dev-server,如果已安装请忽略
yarn add global webpack
yarn add global webpack-dev-server

// 安装成功后,再安装依赖
yarn install

##运行 ####开发环境

// 注意首次使用需要执行下面的init命令来生成入口html文件,以后不用再执行
yarn run init
yarn dev

####生产环境(打包)

yarn build

####访问 在浏览器地址栏输入http://127.0.0.1:8080