vue-cli 环境搭建
来源:互联网 发布:淘宝首页装修 编辑:程序博客网 时间:2024/06/05 11:03
一、开始之前需要的环境
1、node安装 2、npm安装
验证成功安装方法 node -v npm -v
如果都能正常显示结果准备工作就完成了。
二、安装vue-cli
1、打开cmd 命令
2、输入npm install -g vue-cli 点击确定之后等待安装。
3、验证安装是否成功 vue --version/vue -V 正常显示版本号则安装成功。
三、选择模板创建项目
browserify--全功能的Browserify + vueify,包括热加载,静态检测,单元测试 browserify-simple--一个简易的Browserify + vueify,以便于快速开始。 webpack--全功能的Webpack + vueify,包括热加载,静态检测,单元测试 webpack-simple--一个简易的Webpack + vueify,以便于快速开始。
上面是常用的几种模板 我这里用 webpack模板 我看了很多案例实际项目大多数用webpack模板
进入到你想创建项目的目录 输入:
vue init webpack 项目名称
点击确定之后就是一些设置 项目名 、项目描述等、、最后完成之后可以到package.json文件查看
cd 进入你的项目文件夹
npm run dev 骚等一会儿 浏览器就自动打开了,然后进入项目开发。
补充一点 :比如你从GitHub下载了别人的代码
进入代码文件夹 输入 npm install 等待安装依赖包。
完成之后直接输入 npm run dev就可以运行成功了。
1 0
- vue-cli 环境搭建
- cli 搭建Vue 环境
- vue-cli环境搭建配置
- Vue-cli安装、Vue基本环境搭建
- vue环境搭建vue-cli,vue-router,webpack
- vue-cli脚手架开发环境搭建
- vue.js开发环境搭建(vue-cli脚手架)
- Vue.js开发环境搭建-工具安装(vue-cli)
- 使用npm利用vue-cli搭建vue环境
- vue学习前篇1. vue-cli环境搭建
- vue环境搭建(一)webpack和vue-cli安装
- Vue-cli 搭建指南
- vue-cli搭建项目
- vue-cli的搭建
- vue-cli 项目搭建
- vue-cli 脚手架搭建
- vue-cli搭建项目
- 搭建vue-cli脚手架
- 使用静态库链接程序
- 记录自己理解的一些设计模式
- Rails利用Redis
- Skflow 与 tensorflow 的版本匹配 问题
- PL/SQL破解方法(不需要注册码)
- vue-cli 环境搭建
- 如何通过命令将本地项目代码上传到github
- oracle中global_name的相关信息
- java 线程中的 wait()和sleep()
- spring ioc原理
- scrapy的selectors
- linux上查找文件存放地点和文件中查找字符串方法
- Shell判断
- (九)ReactNative IDE VSCode插件