vue学习 十一 vue-cli脚手架的安装和了解
vue学习 十一 vue-cli脚手架的安装和了解
meihuasheng
发布于 2021-03-16 21:35:59
发布于 2021-03-16 21:35:59
首先了解一下什么的脚手架：
- 脚手架是通过webpack搭建的开发环境
- 使用的是ES6的语法
- 打包和压缩JS为一个文件
- 项目文件在环境中编译，而不是浏览器
- 实现页面的自动刷新
windows下脚手架的安装：
安装node.js: 下载地址： https://nodejs.org/en/ 下载安装好
安装好node.js后再cmd中输入： node -v 会有以下输出表示成功，然后确定要让node版本在6.9以上，npm要在3.10以上
全局安装vue-cli命令： npm install --global vue-cli 然后输入：vue --version会显示如下信息
然后就是到想要放置文件的目录下，比如到D盘的根目录下，创建vue项目模板，输入以下命令： D: vue init webpack myfirstproject 然后就会在D盘中创建一个文件名是myfirstproject的文件，里面是vue的各类东西
到了这里就给了你提示，先到文件的目录下，然后执行下面的命令即可 cd myfirstproject npm run dev 执行完命令后，它会给出一个地址，然后你就可以在浏览器中访问了，8081的原因是我已经开过了一个，正常是8080
至此，脚手架就安装完成了。。。
本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019-08-13 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录