{"action":"created","comment":{"url":"https://api.github.com/repos/billti/jsdocs/pulls/comments/182276583","pull_request_review_id":113041203,"id":182276583,"diff_hunk":"@@ -1,3 +1,104 @@\n # Vue.js support\n \n-TODO\n+Visual Studio improved support for [Vue.js](https://vuejs.org/) framework, which enhances the experience when developing an application with Vue.js, JavaScript and TypeScript.\n+\n+## Feature overview\n+\n+In addition to the normal Visual Studio features when writing TypeScript or JavaScript, you'll see new behavior for Vue.js specific features:\n+\n+* Supported Script, Style and Template blocks in .vue files.\n+* Recognize lang attribute on .vue files.\n+\n+## Create a Vue.js project with the vue-cli\n+\n+Vue.js provides and official CLI for quickly scaffolding projects. If you'll like to use it to create your application, follow the steps below to setup your developer environment.\n+\n+> [!NOTE]\n+> This steps assumes you already have some knowledge about the Vue.js framework. If not, we suggest to visit [Vue.js](https://vuejs.org/) for details about it.\n+\n+### Create a new Visual Studio project\n+\n+We use an Empty ASP.NET Core Application (C#) for this example, but you can choose from a variety of projects and languages of your choice.\n+\n+##### Create an Empty project:\n+1. Open Visual Studio and choose **File > New > Project** from the main menu.\n+1. Under **Visual C# > Web**, choose **ASP.NET Core Web Application** and click OK.\n+1. Select **Empty**, click OK.\n+\n+##### Configure the project startup:\n+1. Open the file **./Startup.cs**, and add the following lines to the Configure method:\n+\n+```c#\n+app.UseDefaultFiles() // Enables default file mapping on the web root.\n+app.UseStaticFiles(); // Marks files on the web root as servable.\n+```\n+\n+### Install the vue-cli\n+\n+To install the vue-cli, open a Command Prompt and type `npm install --g vue-cli` or `npm install -g @vue/cli` for version 3.0 (currently in beta).\n+\n+#### Use the vue-cli to scaffold a new client application:\n+1. Go to your Command Prompt and change directory to your project root folder.\n+1. Type `vue init webpack ClientApp` and follow the additional questions.\n+\n+##### Tweak the webpack config to output the built files to wwwroot:\n+1. Open the file **./ClientApp/config/index.js**, and change the `build.index` and `build.assetsRoot` to wwwroot path:\n+\n+```js\n+// Template for index.html\n+index: path.resolve(__dirname, '../../wwwroot/index.html'),\n+\n+// Paths\n+assetsRoot: path.resolve(__dirname, '../../wwwroot'),\n+```\n+\n+##### Indicate the project to build the ClientApp everytime building is triggered:\n+1. Go to **Project properties > Build Events**\n+1. On **Pre-build event command line** type `npm --prefix ./ClientApp run build`.","path":"articles/frameworks/vue.md","position":58,"original_position":58,"commit_id":"0003bbe042985156b06833ba8737402b8b8bae80","original_commit_id":"0003bbe042985156b06833ba8737402b8b8bae80","user":{"login":"billti","id":993909,"avatar_url":"https://avatars3.githubusercontent.com/u/993909?v=4","gravatar_id":"","url":"https://api.github.com/users/billti","html_url":"https://github.com/billti","followers_url":"https://api.github.com/users/billti/followers","following_url":"https://api.github.com/users/billti/following{/other_user}","gists_url":"https://api.github.com/users/billti/gists{/gist_id}","starred_url":"https://api.github.com/users/billti/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/billti/subscriptions","organizations_url":"https://api.github.com/users/billti/orgs","repos_url":"https://api.github.com/users/billti/repos","events_url":"https://api.github.com/users/billti/events{/privacy}","received_events_url":"https://api.github.com/users/billti/received_events","type":"User","site_admin":false},"body":"What does the `--prefix` option do?","created_at":"2018-04-18T00:06:11Z","updated_at":"2018-04-18T00:06:11Z","html_url":"https://github.com/billti/jsdocs/pull/34#discussion_r182276583","pull_request_url":"https://api.github.com/repos/billti/jsdocs/pulls/34","author_association":"OWNER","_links":{"self":{"href":"https://api.github.com/repos/billti/jsdocs/pulls/comments/182276583"},"html":{"href":"https://github.com/billti/jsdocs/pull/34#discussion_r182276583"},"pull_request":{"href":"https://api.github.com/repos/billti/jsdocs/pulls/34"}}},"pull_request":{"url":"https://api.github.com/repos/billti/jsdocs/pulls/34","id":182328016,"html_url":"https://github.com/billti/jsdocs/pull/34","diff_url":"https://github.com/billti/jsdocs/pull/34.diff","patch_url":"https://github.com/billti/jsdocs/pull/34.patch","issue_url":"https://api.github.com/repos/billti/jsdocs/issues/34","number":34,"state":"open","locked":false,"title":"Added vue documentation","user":{"login":"armanio123","id":13305542,"avatar_url":"https://avatars0.githubusercontent.com/u/13305542?v=4","gravatar_id":"","url":"https://api.github.com/users/armanio123","html_url":"https://github.com/armanio123","followers_url":"https://api.github.com/users/armanio123/followers","following_url":"https://api.github.com/users/armanio123/following{/other_user}","gists_url":"https://api.github.com/users/armanio123/gists{/gist_id}","starred_url":"https://api.github.com/users/armanio123/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/armanio123/subscriptions","organizations_url":"https://api.github.com/users/armanio123/orgs","repos_url":"https://api.github.com/users/armanio123/repos","events_url":"https://api.github.com/users/armanio123/events{/privacy}","received_events_url":"https://api.github.com/users/armanio123/received_events","type":"User","site_admin":false},"body":"Added initial documentation for the Vue.js support","created_at":"2018-04-17T23:07:19Z","updated_at":"2018-04-18T00:06:11Z","closed_at":null,"merged_at":null,"merge_commit_sha":"43abea0be381a2ec4efd96ca530ef87d322057d1","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/billti/jsdocs/pulls/34/commits","review_comments_url":"https://api.github.com/repos/billti/jsdocs/pulls/34/comments","review_comment_url":"https://api.github.com/repos/billti/jsdocs/pulls/comments{/number}","comments_url":"https://api.github.com/repos/billti/jsdocs/issues/34/comments","statuses_url":"https://api.github.com/repos/billti/jsdocs/statuses/0003bbe042985156b06833ba8737402b8b8bae80","head":{"label":"armanio123:AddVueSupport","ref":"AddVueSupport","sha":"0003bbe042985156b06833ba8737402b8b8bae80","user":{"login":"armanio123","id":13305542,"avatar_url":"https://avatars0.githubusercontent.com/u/13305542?v=4","gravatar_id":"","url":"https://api.github.com/users/armanio123","html_url":"https://github.com/armanio123","followers_url":"https://api.github.com/users/armanio123/followers","following_url":"https://api.github.com/users/armanio123/following{/other_user}","gists_url":"https://api.github.com/users/armanio123/gists{/gist_id}","starred_url":"https://api.github.com/users/armanio123/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/armanio123/subscriptions","organizations_url":"https://api.github.com/users/armanio123/orgs","repos_url":"https://api.github.com/users/armanio123/repos","events_url":"https://api.github.com/users/armanio123/events{/privacy}","received_events_url":"https://api.github.com/users/armanio123/received_events","type":"User","site_admin":false},"repo":{"id":109895823,"name":"jsdocs","full_name":"armanio123/jsdocs","owner":{"login":"armanio123","id":13305542,"avatar_url":"https://avatars0.githubusercontent.com/u/13305542?v=4","gravatar_id":"","url":"https://api.github.com/users/armanio123","html_url":"https://github.com/armanio123","followers_url":"https://api.github.com/users/armanio123/followers","following_url":"https://api.github.com/users/armanio123/following{/other_user}","gists_url":"https://api.github.com/users/armanio123/gists{/gist_id}","starred_url":"https://api.github.com/users/armanio123/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/armanio123/subscriptions","organizations_url":"https://api.github.com/users/armanio123/orgs","repos_url":"https://api.github.com/users/armanio123/repos","events_url":"https://api.github.com/users/armanio123/events{/privacy}","received_events_url":"https://api.github.com/users/armanio123/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/armanio123/jsdocs","description":"JavaScript and TypeScript docs for VS 2017","fork":true,"url":"https://api.github.com/repos/armanio123/jsdocs","forks_url":"https://api.github.com/repos/armanio123/jsdocs/forks","keys_url":"https://api.github.com/repos/armanio123/jsdocs/keys{/key_id}","collaborators_url":"https://api.github.com/repos/armanio123/jsdocs/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/armanio123/jsdocs/teams","hooks_url":"https://api.github.com/repos/armanio123/jsdocs/hooks","issue_events_url":"https://api.github.com/repos/armanio123/jsdocs/issues/events{/number}","events_url":"https://api.github.com/repos/armanio123/jsdocs/events","assignees_url":"https://api.github.com/repos/armanio123/jsdocs/assignees{/user}","branches_url":"https://api.github.com/repos/armanio123/jsdocs/branches{/branch}","tags_url":"https://api.github.com/repos/armanio123/jsdocs/tags","blobs_url":"https://api.github.com/repos/armanio123/jsdocs/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/armanio123/jsdocs/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/armanio123/jsdocs/git/refs{/sha}","trees_url":"https://api.github.com/repos/armanio123/jsdocs/git/trees{/sha}","statuses_url":"https://api.github.com/repos/armanio123/jsdocs/statuses/{sha}","languages_url":"https://api.github.com/repos/armanio123/jsdocs/languages","stargazers_url":"https://api.github.com/repos/armanio123/jsdocs/stargazers","contributors_url":"https://api.github.com/repos/armanio123/jsdocs/contributors","subscribers_url":"https://api.github.com/repos/armanio123/jsdocs/subscribers","subscription_url":"https://api.github.com/repos/armanio123/jsdocs/subscription","commits_url":"https://api.github.com/repos/armanio123/jsdocs/commits{/sha}","git_commits_url":"https://api.github.com/repos/armanio123/jsdocs/git/commits{/sha}","comments_url":"https://api.github.com/repos/armanio123/jsdocs/comments{/number}","issue_comment_url":"https://api.github.com/repos/armanio123/jsdocs/issues/comments{/number}","contents_url":"https://api.github.com/repos/armanio123/jsdocs/contents/{+path}","compare_url":"https://api.github.com/repos/armanio123/jsdocs/compare/{base}...{head}","merges_url":"https://api.github.com/repos/armanio123/jsdocs/merges","archive_url":"https://api.github.com/repos/armanio123/jsdocs/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/armanio123/jsdocs/downloads","issues_url":"https://api.github.com/repos/armanio123/jsdocs/issues{/number}","pulls_url":"https://api.github.com/repos/armanio123/jsdocs/pulls{/number}","milestones_url":"https://api.github.com/repos/armanio123/jsdocs/milestones{/number}","notifications_url":"https://api.github.com/repos/armanio123/jsdocs/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/armanio123/jsdocs/labels{/name}","releases_url":"https://api.github.com/repos/armanio123/jsdocs/releases{/id}","deployments_url":"https://api.github.com/repos/armanio123/jsdocs/deployments","created_at":"2017-11-07T21:58:29Z","updated_at":"2018-04-16T20:53:50Z","pushed_at":"2018-04-17T23:06:31Z","git_url":"git://github.com/armanio123/jsdocs.git","ssh_url":"git@github.com:armanio123/jsdocs.git","clone_url":"https://github.com/armanio123/jsdocs.git","svn_url":"https://github.com/armanio123/jsdocs","homepage":null,"size":1949,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"archived":false,"open_issues_count":0,"license":null,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"billti:master","ref":"master","sha":"c00a104f105106c0e8e40dd2440a37907ebbe20f","user":{"login":"billti","id":993909,"avatar_url":"https://avatars3.githubusercontent.com/u/993909?v=4","gravatar_id":"","url":"https://api.github.com/users/billti","html_url":"https://github.com/billti","followers_url":"https://api.github.com/users/billti/followers","following_url":"https://api.github.com/users/billti/following{/other_user}","gists_url":"https://api.github.com/users/billti/gists{/gist_id}","starred_url":"https://api.github.com/users/billti/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/billti/subscriptions","organizations_url":"https://api.github.com/users/billti/orgs","repos_url":"https://api.github.com/users/billti/repos","events_url":"https://api.github.com/users/billti/events{/privacy}","received_events_url":"https://api.github.com/users/billti/received_events","type":"User","site_admin":false},"repo":{"id":105936788,"name":"jsdocs","full_name":"billti/jsdocs","owner":{"login":"billti","id":993909,"avatar_url":"https://avatars3.githubusercontent.com/u/993909?v=4","gravatar_id":"","url":"https://api.github.com/users/billti","html_url":"https://github.com/billti","followers_url":"https://api.github.com/users/billti/followers","following_url":"https://api.github.com/users/billti/following{/other_user}","gists_url":"https://api.github.com/users/billti/gists{/gist_id}","starred_url":"https://api.github.com/users/billti/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/billti/subscriptions","organizations_url":"https://api.github.com/users/billti/orgs","repos_url":"https://api.github.com/users/billti/repos","events_url":"https://api.github.com/users/billti/events{/privacy}","received_events_url":"https://api.github.com/users/billti/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/billti/jsdocs","description":"JavaScript and TypeScript docs for VS 2017","fork":false,"url":"https://api.github.com/repos/billti/jsdocs","forks_url":"https://api.github.com/repos/billti/jsdocs/forks","keys_url":"https://api.github.com/repos/billti/jsdocs/keys{/key_id}","collaborators_url":"https://api.github.com/repos/billti/jsdocs/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/billti/jsdocs/teams","hooks_url":"https://api.github.com/repos/billti/jsdocs/hooks","issue_events_url":"https://api.github.com/repos/billti/jsdocs/issues/events{/number}","events_url":"https://api.github.com/repos/billti/jsdocs/events","assignees_url":"https://api.github.com/repos/billti/jsdocs/assignees{/user}","branches_url":"https://api.github.com/repos/billti/jsdocs/branches{/branch}","tags_url":"https://api.github.com/repos/billti/jsdocs/tags","blobs_url":"https://api.github.com/repos/billti/jsdocs/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/billti/jsdocs/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/billti/jsdocs/git/refs{/sha}","trees_url":"https://api.github.com/repos/billti/jsdocs/git/trees{/sha}","statuses_url":"https://api.github.com/repos/billti/jsdocs/statuses/{sha}","languages_url":"https://api.github.com/repos/billti/jsdocs/languages","stargazers_url":"https://api.github.com/repos/billti/jsdocs/stargazers","contributors_url":"https://api.github.com/repos/billti/jsdocs/contributors","subscribers_url":"https://api.github.com/repos/billti/jsdocs/subscribers","subscription_url":"https://api.github.com/repos/billti/jsdocs/subscription","commits_url":"https://api.github.com/repos/billti/jsdocs/commits{/sha}","git_commits_url":"https://api.github.com/repos/billti/jsdocs/git/commits{/sha}","comments_url":"https://api.github.com/repos/billti/jsdocs/comments{/number}","issue_comment_url":"https://api.github.com/repos/billti/jsdocs/issues/comments{/number}","contents_url":"https://api.github.com/repos/billti/jsdocs/contents/{+path}","compare_url":"https://api.github.com/repos/billti/jsdocs/compare/{base}...{head}","merges_url":"https://api.github.com/repos/billti/jsdocs/merges","archive_url":"https://api.github.com/repos/billti/jsdocs/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/billti/jsdocs/downloads","issues_url":"https://api.github.com/repos/billti/jsdocs/issues{/number}","pulls_url":"https://api.github.com/repos/billti/jsdocs/pulls{/number}","milestones_url":"https://api.github.com/repos/billti/jsdocs/milestones{/number}","notifications_url":"https://api.github.com/repos/billti/jsdocs/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/billti/jsdocs/labels{/name}","releases_url":"https://api.github.com/repos/billti/jsdocs/releases{/id}","deployments_url":"https://api.github.com/repos/billti/jsdocs/deployments","created_at":"2017-10-05T20:26:04Z","updated_at":"2018-03-16T18:03:48Z","pushed_at":"2018-04-17T23:07:20Z","git_url":"git://github.com/billti/jsdocs.git","ssh_url":"git@github.com:billti/jsdocs.git","clone_url":"https://github.com/billti/jsdocs.git","svn_url":"https://github.com/billti/jsdocs","homepage":null,"size":1962,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":8,"mirror_url":null,"archived":false,"open_issues_count":3,"license":null,"forks":8,"open_issues":3,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/billti/jsdocs/pulls/34"},"html":{"href":"https://github.com/billti/jsdocs/pull/34"},"issue":{"href":"https://api.github.com/repos/billti/jsdocs/issues/34"},"comments":{"href":"https://api.github.com/repos/billti/jsdocs/issues/34/comments"},"review_comments":{"href":"https://api.github.com/repos/billti/jsdocs/pulls/34/comments"},"review_comment":{"href":"https://api.github.com/repos/billti/jsdocs/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/billti/jsdocs/pulls/34/commits"},"statuses":{"href":"https://api.github.com/repos/billti/jsdocs/statuses/0003bbe042985156b06833ba8737402b8b8bae80"}},"author_association":"CONTRIBUTOR"}}
{"actor":{"display_login":"billti"}}