脚手架vue-cli,webpack模板
先安装node.js，它是服务器端，用于给页面提供服务。前端学习不需要会node.js，只需要学会node.js衍生出来的npm命令即可。npm 是node.js的一个工具，作用是进行包管理，npm是node.js的包管理器。
接着安装脚手架，再通过脚手架来搭建vue.js项目。（脚手架：vue-cli)
npm install -g vue-cli 或者npm install -g @vue/cli-init
https://i-blog.csdnimg.cn/direct/541a7f0641c24e0fac6b77b63b850c00.png
在创建vue.js项目时有许多命令可用，其中webpack是使用频率最高的，在此只需要会用webpack模板创建项目即可
https://i-blog.csdnimg.cn/direct/db394a12fbf042dc92c6d866cfb34412.png
https://i-blog.csdnimg.cn/direct/f782e37b1848450c9ae178822ce844c8.png
https://i-blog.csdnimg.cn/direct/80446a7e936a4a9c83ee33382893944f.png
根据这两个命令来输入，进入vue2--文件夹，运行创建好的Vue.js项目
（如果这个过程报错，说明vue.js项目没有安装相应的依赖包，需要使用npm install来安装）
（如果安装依赖包过程出现 unexpected end of json......这样的提示，需要用npm cache clean --force 清除安装缓冲，再重新安装一次）
https://i-blog.csdnimg.cn/direct/030fbab2118e42bda7ec773c32a73aee.png
根据提示在浏览器中访问该地址就可以打开运行好的vue.js项目了。
https://i-blog.csdnimg.cn/direct/c966de4ad2e54efd8e61a6539d715576.png
vscode打开文件夹
https://i-blog.csdnimg.cn/direct/0368a7f5ac39411cb09c8dfa7324a455.png
仅仅是写标签就报一堆错？
ctrl+,打开vscode设置，搜索eslint.enable，将勾取消（也就是关闭eslint)
https://i-blog.csdnimg.cn/direct/57bea32cf72641a49198692a66a6a272.png
https://i-blog.csdnimg.cn/direct/88cf4f8ed2684fb8b0be33f42336d9e8.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]