1. UUID 128位占用空间较多
    2. (重要)UUID是无序的在插入数据时会造成索引重排,如果是有序的主键直接在B+树的最后插入数据即可

快速搭建vue环境

编程套路 骐骏 5年前 (2017-01-06) 1282次浏览 已收录 0个评论 扫描二维码

刚刚开始学习vue,由于经常在两台电脑切换,第一台电脑上是跟着学习视频搭建的,第二台电脑上自己独立搭建遇到些“小问题”,记录此文以备不时之需,也希望能够帮到初学者们

  1. 安装node (略)
  2. 安装vue
    1. npm install vue --save-dev
  3. 安装webpack
    1. npm install webpack --save-dev
    2. webpack配置(见下方webpack-dev-serve)
  4. 安装webpack-dev-server
    1. npm install web-dev-server --save-dev
    2. 配置文件webpack.config.js
    var HtmlWebpackPlugin = require('html-webpack-plugin');
    var webpack=require("webpack");
    module.exports =
    {
        entry:
        {
            "index":[__dirname+'/src/jssrc/index.js',,'webpack-dev-server/client?http://127.0.0.1:8080']
        },
        output: {
            publicPath: "http://127.0.0.1:8080/",
            path: __dirname+'/src/webapp/js',  //输出文件夹
            filename:'[name].js'   //最终打包生成的文件名(just 文件名,不带路径的哦)
        },
        /*devServer:{
            historyApiFallback:true,
            hot:true,
            inline:true,
            progress:true,
            port:9090 //端口你可以自定义
        },*/
        resolve: {
            alias: {
                vue: 'vue/dist/vue.js'
            }
        },
        externals: {
    
        },
        module:{
            loaders:[
                {test:/\.js$/,loader:"babel",query:{compact:true}},
                {test:/\.vue$/,loader:"babel!vue", exclude: "/node_modules/"}
            ]
        },
        plugins:[
            new HtmlWebpackPlugin({
                // filename: __dirname+'/src/webapp/index.html',//目标文件
                filename:"index.html",//使用webpack-dev-server时配置
                template: __dirname+'/src/html/index.html',//模板文件
                inject:'body',
                hash:true,
                chunks:["index"]
            })
    
        ]
    
    }
    
    
  5. 安装html-webpack-plugin
    1. npm install html-webpack-plugin --save-dev
  6. 安装babel
    1. npm install babel-cli babel-loader babel-preset-es2015 --save-dev
    2. babel 配置 .babelrc
      javascript
      {
      "presets": ["es2015"] //解析规则为es2015
      }
  7. 可能会用到的两个步骤
    1. npm install vue-loader --save-dev
    2. npm install vue-template-compiler --save-dev
  8. package.json中配置script
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "webpackRun": "webpack",
        "webpackServer": "webpack-dev-server --inline --hot --content-base ./src/webapp" --config ./webpack.config.js
      }
    
    

原创不易,转载请注明原文链接:快速搭建vue环境
喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址