{"action":"reopened","issue":{"url":"https://api.github.com/repos/wu-kai/Blog/issues/2","repository_url":"https://api.github.com/repos/wu-kai/Blog","labels_url":"https://api.github.com/repos/wu-kai/Blog/issues/2/labels{/name}","comments_url":"https://api.github.com/repos/wu-kai/Blog/issues/2/comments","events_url":"https://api.github.com/repos/wu-kai/Blog/issues/2/events","html_url":"https://github.com/wu-kai/Blog/issues/2","id":249987359,"node_id":"MDU6SXNzdWUyNDk5ODczNTk=","number":2,"title":"vue脚手架webpakc阅读理解（一）","user":{"login":"wu-kai","id":12909883,"node_id":"MDQ6VXNlcjEyOTA5ODgz","avatar_url":"https://avatars1.githubusercontent.com/u/12909883?v=4","gravatar_id":"","url":"https://api.github.com/users/wu-kai","html_url":"https://github.com/wu-kai","followers_url":"https://api.github.com/users/wu-kai/followers","following_url":"https://api.github.com/users/wu-kai/following{/other_user}","gists_url":"https://api.github.com/users/wu-kai/gists{/gist_id}","starred_url":"https://api.github.com/users/wu-kai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wu-kai/subscriptions","organizations_url":"https://api.github.com/users/wu-kai/orgs","repos_url":"https://api.github.com/users/wu-kai/repos","events_url":"https://api.github.com/users/wu-kai/events{/privacy}","received_events_url":"https://api.github.com/users/wu-kai/received_events","type":"User","site_admin":false},"labels":[{"id":858909853,"node_id":"MDU6TGFiZWw4NTg5MDk4NTM=","url":"https://api.github.com/repos/wu-kai/Blog/labels/blog","name":"blog","color":"fffb96","default":false},{"id":668325822,"node_id":"MDU6TGFiZWw2NjgzMjU4MjI=","url":"https://api.github.com/repos/wu-kai/Blog/labels/webpack","name":"webpack","color":"bfd4f2","default":false}],"state":"open","locked":false,"assignee":{"login":"wu-kai","id":12909883,"node_id":"MDQ6VXNlcjEyOTA5ODgz","avatar_url":"https://avatars1.githubusercontent.com/u/12909883?v=4","gravatar_id":"","url":"https://api.github.com/users/wu-kai","html_url":"https://github.com/wu-kai","followers_url":"https://api.github.com/users/wu-kai/followers","following_url":"https://api.github.com/users/wu-kai/following{/other_user}","gists_url":"https://api.github.com/users/wu-kai/gists{/gist_id}","starred_url":"https://api.github.com/users/wu-kai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wu-kai/subscriptions","organizations_url":"https://api.github.com/users/wu-kai/orgs","repos_url":"https://api.github.com/users/wu-kai/repos","events_url":"https://api.github.com/users/wu-kai/events{/privacy}","received_events_url":"https://api.github.com/users/wu-kai/received_events","type":"User","site_admin":false},"assignees":[{"login":"wu-kai","id":12909883,"node_id":"MDQ6VXNlcjEyOTA5ODgz","avatar_url":"https://avatars1.githubusercontent.com/u/12909883?v=4","gravatar_id":"","url":"https://api.github.com/users/wu-kai","html_url":"https://github.com/wu-kai","followers_url":"https://api.github.com/users/wu-kai/followers","following_url":"https://api.github.com/users/wu-kai/following{/other_user}","gists_url":"https://api.github.com/users/wu-kai/gists{/gist_id}","starred_url":"https://api.github.com/users/wu-kai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wu-kai/subscriptions","organizations_url":"https://api.github.com/users/wu-kai/orgs","repos_url":"https://api.github.com/users/wu-kai/repos","events_url":"https://api.github.com/users/wu-kai/events{/privacy}","received_events_url":"https://api.github.com/users/wu-kai/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/wu-kai/Blog/milestones/5","html_url":"https://github.com/wu-kai/Blog/milestone/5","labels_url":"https://api.github.com/repos/wu-kai/Blog/milestones/5/labels","id":3168277,"node_id":"MDk6TWlsZXN0b25lMzE2ODI3Nw==","number":5,"title":"6","description":"","creator":{"login":"wu-kai","id":12909883,"node_id":"MDQ6VXNlcjEyOTA5ODgz","avatar_url":"https://avatars1.githubusercontent.com/u/12909883?v=4","gravatar_id":"","url":"https://api.github.com/users/wu-kai","html_url":"https://github.com/wu-kai","followers_url":"https://api.github.com/users/wu-kai/followers","following_url":"https://api.github.com/users/wu-kai/following{/other_user}","gists_url":"https://api.github.com/users/wu-kai/gists{/gist_id}","starred_url":"https://api.github.com/users/wu-kai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wu-kai/subscriptions","organizations_url":"https://api.github.com/users/wu-kai/orgs","repos_url":"https://api.github.com/users/wu-kai/repos","events_url":"https://api.github.com/users/wu-kai/events{/privacy}","received_events_url":"https://api.github.com/users/wu-kai/received_events","type":"User","site_admin":false},"open_issues":1,"closed_issues":0,"state":"open","created_at":"2018-03-07T09:17:44Z","updated_at":"2018-06-01T06:48:48Z","due_on":"2018-06-30T07:00:00Z","closed_at":null},"comments":0,"created_at":"2017-08-14T10:08:30Z","updated_at":"2018-06-01T06:48:48Z","closed_at":null,"author_association":"OWNER","body":"# 开始一个vue项目\r\n- 首先我们需要全局安装vue-cli\r\n` npm install -g vue-cli` \r\n- 然后创建一个新的项目\r\n`vue init webpack app`\r\n- 开始运行项目，并进行打包\r\n`npm start`\r\n`npm run build`\r\n\r\n就是这样，我们就可以开始开发一个vue的项目了，很多我们需要的东西，比如热加载，代码检查，压缩等等  都已经帮我们配置好了，很方便，但是我们需要能读懂这些webpack配置，并在需要的时候进行修改\r\n\r\n\r\n# package 信息\r\n在我们生产的项目根目录下会有一个package.json文件，这个文件包含了很多信息\r\n![image](https://user-images.githubusercontent.com/12909883/40641293-bb15783c-634b-11e8-8191-6891df4704c7.png)\r\n看key值就知道这里面都是项目锁需要的依赖文件以及版本号\r\n\r\n![image](https://user-images.githubusercontent.com/12909883/40641333-d6d743fc-634b-11e8-8e57-751793f9c3a3.png)\r\n重点在这里面，有项目名称，版本号，关键字，作者等相关信息。\r\n\r\n以及项目的启动命令，测试命令以及打包命令\r\n\r\n当运行`npm start`的时候，默认就是运行scripts里面的start命令，即 `npm run dev`命令 ,而这个命令可以看做是直接在控制台运行后面的一长串 \r\n`\"webpack-dev-server --inline --progress --config build/webpack.dev.conf.js\"`\r\n\r\n而这个是webpack-dev-server的启动命令,--后面的都是启动参数,比如\r\n--inline在 dev-server 表示启动内联模式，意味着一段处理实时重载的脚本被插入到你的包(bundle)中，并且构建消息将会出现在浏览器控制台。\r\n--progress  表示将运行进度输出到控制台。\r\n\r\n这些参数都可以在webpack的官网文档里面看到\r\n\r\n至于最后面的 build/webpack.dev.conf.js 则是我们的webpack的配置文件地址，所有的配置信息都在这里面，下一节我们将开始阅读这个文件里面的信息"}}
{"actor":{"display_login":"wu-kai"}}