1. 下载node.js
2. 安装git
3. 安装vue-cli
命令行输入npm install -g vue-cli
全局安装vue-cli
4. 创建项目
创建一个项目,vue init webpack-simple vue-project
项目基本信息配置,回车使用默认值
安装成功后发现目录中有这些文件
image.png
使用cd vue-project
切换到文件夹,使用npm install
依赖模块,会发现目录下多了这个文件夹
使用
npm run dev
运行项目,这时候就会打开一个本地的服务器的网页,,页面如下所示image.png
5. 打包上线
自己的项目文件都放在src文件夹下面,项目开发完成之后,使用npm run build
进行打包工作,会生成dist文件夹
项目上线时,dist文件夹和index.html放到服务器上就行了