1.在网络的情况下，启动webstorm中的Terminal，输入（黑体字）
F:\A-H5-GP9\test>npm i bootstrap@3.3.5
npm WARN saveError ENOENT: no such file or directory, open 'F:\A-H5-GP9\test\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'F:\A-H5-GP9\test\package.json'
npm WARN test No description
npm WARN test No repository field.
npm WARN test No README data
npm WARN test No license field.
+ bootstrap@3.3.5
added 1 package in 6.441s
F:\A-H5-GP9\test>npm i jquery
npm WARN saveError ENOENT: no such file or directory, open 'F:\A-H5-GP9\test\package.json'
npm WARN enoent ENOENT: no such file or directory, open 'F:\A-H5-GP9\test\package.json'
npm WARN test No description
npm WARN test No repository field.
npm WARN test No README data
npm WARN test No license field.
+ jquery@3.3.1
added 1 package in 4.051s
2.完成对bootstrap和jquery的获取 上述
当我们输入上述两行后，会自动下载，然后记得相应的路径不要错误。
3.引入文件
<linkhref="node_modules/bootstrap/dist/css/bootstrap-theme.css"rel="stylesheet">
<scriptsrc="node_modules/jquery/dist/jquery.js"></script>
<scriptsrc="node_modules/bootstrap/dist/js/bootstrap.js"></script>
测试：
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Title</title>
<!--前期准备工作-->
<linkhref="node_modules/bootstrap/dist/css/bootstrap-theme.css"rel="stylesheet">
<scriptsrc="node_modules/jquery/dist/jquery.js"></script>
<scriptsrc="node_modules/bootstrap/dist/js/bootstrap.js"></script>
</head>
<body>
<buttonclass="btnbtn-default">XBL</button>
</body>
</html>
4.效果
757
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
