@[1,为什么要配置项目环境
使用vue.js开发大型应用时,有很多工作都是繁琐而且重复的
如:
代码的目录结构整理
项目构建和部署
热加载
代码的单元测试等
在vue.js生态中我们可以使用vue-cli脚手架工具来快速构建项目
2.npm包管理器
npm是随同Node.js一起安装的包管理器工具
通过npm可以共享使用各式的js开源库,对js开源库的版本可以直接快速的管理,使用
3,配置脚手架
打开根目录下的终端 或者 cmd 安装:npm install -g @vue/cli {3.0+以上的版本 }
安装兼容2.0+的版本: npm install -g @vue/cli-init
创建项目:
1,vue init webpack 项目名称自己取: vuepro;
启动项目:
1,vd +刚刚创建的文件名
2,npm run dev
3,回车,在浏览器输入:localhost://8080,就可以跑起来了