欢迎使用CSDN-markdown编辑器
来源:互联网 发布:福州火车站地下淘宝城 编辑:程序博客网 时间:2024/06/10 15:34
vue-cli是什么?
vue-cli 是一个官方发布 vue.js 项目脚手架,用于自动生成vue.js模板工程的。
一、Node.js安装
首先需要安装node环境,地址:https://nodejs.org/en/download/
验证是否安装成功
在命令行中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。如图所示
二、安装vue-cli
1. npm install vue-cli -g 安装 vue命令环境
验证安装ok?
vue –version
2. 生成项目模板
vue init <模板名> 本地文件夹名称 例如:vue init webpack-simple my-project
模板如下:
browserify–全功能的Browserify + vueify,包括热加载,静态检测,单元测试
browserify-simple–一个简易的Browserify + vueify,以便于快速开始。
webpack–全功能的Webpack + vueify,包括热加载,静态检测,单元测试
webpack-simple–一个简易的Webpack + vueify,以便于快速开始,没有代码检查
3. 进入到生成目录里面
cd my-project
4.安装依赖
npm install
5.开始运行
npm run dev
在浏览器打开http://localhost:8080,则可以看到欢迎页了。
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- [leetcode]73. Set Matrix Zeroes(Java)
- iOS开发 自定义图片拉伸
- Qt模块简介
- SQL运算符
- 107. Binary Tree Level Order Traversal II
- 欢迎使用CSDN-markdown编辑器
- saltstack
- FFmpeg filter[待完善]
- 欢迎使用CSDN-markdown编辑器
- 2. Add Two Numbers
- 最小生成树:克鲁斯卡尔算法.c++
- 流媒体传输控制协议(RTSP RTP SDP)详解之——RTSP
- lua 字节码的加密。
- 初学webpack问题总结