准备

环境

node.js环境http://nodejs.cn/download/、npm(node安装包会包含)*

相关文档

NPM文档：https://www.npmjs.com.cn/

安装

shift+鼠标右键选择在此处打开命令窗口进入DOC命令窗口，依次键入如下命令

1
mkdir vuecli
1
cd vuecli
1
npm install vue-cli -save

mkdir vuecli 创建一个名为vuecli的文件夹
cd vuecli 打开进入vuecli文件夹
npm install vue-cli -save 本地安装vue-cli

vue-cli安装

检测是否安装成功

vue -V 检测vue的版本

检测vue的版本效果图

初始化一个项目

运行命令

1
vue init webpack vuecliText

vue init webpack vuecliText 初始化一个使用webpack为模板的名为vuecliText的项目

项目初始化截图

运行

依次运行命令

1
cd vuecliText
1
npm run dev

项目运行

等待完成后打开浏览器输入http://localhost:8080

项目运行效果图

打包

运行命令

1
npm run build

会生成一个dist的文件夹，该文件夹内包含了打包好的相关文件，上传至服务器上即可。

何莹亮原创技术文章，转载请注明出处：https://heyingliang.github.io/share/2018/09/30/vue-cli/

目录