首先了解一下什么的脚手架:
- 脚手架是通过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
至此,脚手架就安装完成了。。。