vue-cli简单使用教程
1、安装Win+R,输入cmd,打开命令行,输入npm install vue-cli -g可输入 vue –version 验证是否安装成功2、生成模板1)有以下几种模板simplewebpackwebpack-simplebrowserifybrowserify-simple区别可自行百度,以下用webpack作为示例2)生成项目模板在命...
·
1、安装
Win+R,输入cmd,打开命令行,输入npm install vue-cli -g
可输入 vue –version 验证是否安装成功
2、生成模板
1)有以下几种模板
simple
webpack
webpack-simple
browserify
browserify-simple
区别可自行百度,以下用webpack作为示例
2)生成项目模板
在命令行中进入任意目录,输入下面命令
vue init 模板名 文件夹名
例如: vue init webpack demo-webpack
3、进入目录进行配置
在命令行下用cd命令进入第2步中自动创建的文件夹
输入以下命令
npm install 或 cnpm install
4、启动项目
输入以下命令
npm run dev
运行结果如下:
此时,在浏览器中输入http://localhost:8080,出现以下页面,说明成功用vue-cli构建项目
更多推荐
已为社区贡献1条内容
所有评论(0)