一、 安装node.js
二、安装vue-cli
直接全局安装vue-cli:
1 |
npm install -g vue-cli |
三、生成项目
在命令行中进入到项目目录,然后:
1 |
vue init webpack vue-project-name |
其中:
1、webpack是模板名称,可以到vue.js的GitHub上查看更多的模板:https://github.com/vuejs-templates;
2、vue-project-name是自定义的项目名称;
根据提示完成配置后,可以看到在目录下多出了一个项目文件夹,里面就是vue-cli创建的一个基于webpack的vue.js项目。
四、安装依赖
1 |
npm install |
五、启动项目
1 |
npm run dev |
六、打包上线
自己的项目文件都需要放在src文件夹下,项目开发完成之后,使用:
1 |
npm run build |
进行打包,打包完成后,会生成 dist 文件夹,如果已经修改了文件路径,可以直接打开本地文件查看,项目上线时,只需要将 dist 文件夹放到服务器就行了。
都3个月了,坐等速成2
哈哈,快了(手动狗头)