이 기사는 Microsoft가 후원했습니다. Sitepoint를 가능하게하는 스폰서를 지원해 주셔서 감사합니다.
이 일련의 기사의 경우 Bootstrap, Mailchimp 및 Adobe Kuler를 포함하여 친숙 할 수있는 유용한 도구와 함께 Microsoft의 Modern IDE : Visual Studio Community 2015를 사용할 것입니다.
Visual Studio 2015 기능
Visual Studio 2015는 우리의 개발에 도움이되는 몇 가지 새로운 기능을 소개합니다. 그 중 하나는 조직입니다. 더 이상 프로젝트 참조에 큰 일련의 DLL 목록이 없습니다. 해당 DLL은 모두 이제 그룹화되었습니다. 그룹을 확장하면 관련 DLL 및 NUGET 패키지와 같은 기타 관련 참조가 표시됩니다. 이것은 참조 섹션을 매우 간결하게 유지하고 다양한 참조 유형에 대해 다른 위치에서 검색하는 것을 방지합니다. 프로젝트에 포함 된 새로운 폴더도 있습니다. WWWROOT라고합니다. 이 폴더에는 정적 파일이 포함되어 동적 파일에서 분리됩니다. "이 두 유형의 차이점은 무엇입니까?" 정적 파일은 이미지, CSS 및 JavaScript이며 Bootstrap 및 JQuery와 같은 프레임 워크입니다. 동적 파일은 주로 CS 및 CSHTML - C ## 코드를 처리 할 수있는 파일입니다.
<.> 이전에 드래그 한 index.html 부트 스트랩 파일을 엽니 다. Nav, div class = jumbotron 및 div class = 컨테이너 노드를 붕괴시켜 아래에 표시된 것처럼보기 쉽게 볼 수 있도록 쉽게 볼 수 있습니다.
<span>{
</span><span>"name": "WebApplication",
</span><span>"private": true,
</span><span>"dependencies": {
</span> <span>"bootstrap": "3.0.0",
</span> <span>"jquery": "1.10.2",
</span> <span>"jquery-validation": "1.11.1",
</span> <span>"jquery-validation-unobtrusive": "3.2.2",
</span> <span>"hammer.js": "2.0.4",
</span> <span>"bootstrap-touch-carousel": "0.8.0"
</span><span>},</span>
<span>{
</span><span>"name": "WebApplication",
</span><span>"private": true,
</span><span>"dependencies": {
</span> <span>"bootstrap": "3.0.0",
</span> <span>"jquery": "1.10.2",
</span> <span>"jquery-validation": "1.11.1",
</span> <span>"jquery-validation-unobtrusive": "3.2.2",
</span> <span>"hammer.js": "2.0.4",
</span> <span>"bootstrap-touch-carousel": "0.8.0"
</span><span>},</span>
<span><span><span><link</span> rel<span>="stylesheet"</span> href<span>="~/lib/bootstrap/css/bootstrap.css"</span> /></span>
</span><span><span><span><link</span> rel<span>="stylesheet"</span> href<span>="~/css/site.css"</span> /></span>
</span><span><span><span><link</span> rel<span>="stylesheet"</span> href<span>="~/lib/bootstrap-touch-carousel/css/bootstrap-touch-carousel.css"</span> /></span></span>
왼쪽 상단에 춤을 추는 춤을 입력하여 춤추는 스크립트를 만들어 내야합니다. 컬렉션에 추가를 클릭 한 다음 사용을 클릭하십시오. 정상을 선택 취소하고 굵게 확인하십시오. 스크립트 링크를 하단에서 복사하십시오
<span><span><span><link</span> rel<span>="stylesheet"</span> href<span>="~/lib/bootstrap/css/bootstrap.css"</span> /></span>
</span><span><span><span><link</span> href<span>="~/wwwroot/css/jumbotron.css"</span> rel<span>="stylesheet"</span> /></span>
</span><span><span><span><link</span> rel<span>="stylesheet"</span> href<span>="~/css/site.css"</span> /></span></span>
<span>{
</span><span>"name": "WebApplication",
</span><span>"private": true,
</span><span>"dependencies": {
</span> <span>"bootstrap": "3.0.0",
</span> <span>"jquery": "1.10.2",
</span> <span>"jquery-validation": "1.11.1",
</span> <span>"jquery-validation-unobtrusive": "3.2.2",
</span> <span>"hammer.js": "2.0.4",
</span> <span>"bootstrap-touch-carousel": "0.8.0"
</span><span>},</span>
위 내용은 Visual Studio Community 2015 : 사이트 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!