二、安装 vue-cli
安装好了 node,我们可以直接全局安装 vue-cli:
npm install -g vue-cli 全局安装
# 创建webpack项目 # vue init [vue-cli模板名称] [项目文件夹] vue init webpack my-project
安装依赖:
npm install
三、运行项目
npm run dev
项目结构图
四、打包上线
自己的项目文件都需要放到 src 文件夹下
项目开发完成之后,可以输入 npm run build 来进行打包工作
npm run build
打包完成后,会生成 dist 文件夹,如果已经修改了文件路径,可以直接打开本地文件查看
项目上线时,只需要将 dist 文件夹放到服务器就行了。
vue打包需要注意的问题