vue学习 十一 vue-cli脚手架的安装和了解

首先了解一下什么的脚手架:

  • 脚手架是通过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

 

 至此,脚手架就安装完成了。。。 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章