1、必须安装node.js
2、搭建vue的开发环境,安装vue的脚手架工具
npm install --global vue-cli
cnpm install --global vue-cli # cnpm国内镜像包管理工具
cnpm下载:http://npm.taobao.com
都可以!
3、创建项目 务必CD进入一个空目录里面去
vue init webpack vuedome01
vue init webpack 项目名称
安装成功:
此时会在我们创建空目录里面生成一个叫vuedome01文件夹
如果上面操作报错处理:
cd vuedome01
cnpm install 或 npm install # 重新安装
启动:
cd vuedome01 # 进入vuedome01文件夹
npm run dev # 启动项目
启动界面:
创建项目第二种方法,生成目录少。(小项目推荐)
vue init webpack-simple vuedome02
npm run dev
其他一样操作,只是文件更精简些
项目打包:
npm run build # 进入项目目录里面,运行此命令会在同级目录里生成个dist文件夹,里面就是项目文件