【vue学习】vue 2.0版本以上创建项目的的步骤
一.环境准备
1.vue项目依赖 node.js npm,需要先安装node和npm,先检查本地是否安装node、npm
快捷键win+r 输入cmd 弹出操作框,如果电脑已经安装git,直接右键,选择Git Bash Here,也可弹出操作框
1)输入node -v 回车 会出现node.js的版本
2)输入npm -v 回车 会出现npm的版本
3)输入vue -V 回车 会出现vue的版本
2.如果node.js npm和vue都没有安装,则
1)安装node,参考 node.js官网,根据自己的电脑情况安装正确的node,注意node版本请更新到6.9.X版本以上,不然npm依赖会出问题
2)安装npm,npm是Node.js的包管理工具(package manager),npm已经在Node.js安装的时候顺带装好了
3)安装vue,在命令行输入 $ npm install vue-cli -g (安装需要一会时间,稍安勿躁)
安装完成后可在使用上述方法查看是否安装成功
说明:-g表示全局安装,vue-cli是模块,全局安装的模块可以在命令行直接使用 ,安装过程中会有一些警告,查了下是因为 fsevent是mac osx系统的,在win或者Linux下使用了 所以会有警告,忽略即可
二.构建项目
1.在终端中把当前目录定位到你准备存放项目的地方
1)快捷键win+r 输入cmd 弹出操作框,输入 E: 回车 //进入E盘 cd 文件夹名 回车 //进入指定的test文件夹
2)如果已经安装过git,可以进入指定的文件夹,然后右键,选择Git Bash Here
2.创建一个项目
1)输入: $ vue init webpack my-test (需要等待一会儿)
2)依次按照提示输入,项目名、项目描述、项目作者等等
3)后面会提示如何运行项目,依次完成下面3行命令就可以了。进入my-test项目-----安装npm依赖-----运行项目
4)npm install安装时会比较久,耐心等待
5)输入npm run dev运行项目 (如果使用IDEA开发的话,可以直接在IDEA中做如下配置,方便运行)
6)运行成功后,网页打开显示如下
【vue学习】vue 2.0版本以上创建项目的的步骤的更多相关文章
- vue 安装cli3.0版本,创建项目
注意:Vue CLI需要Node.js版本8.9或更高版本(建议使用8.11.0+). 查看node版本:node -v , 查看npm 版本 npm -v, 1.首先需要安装node.js环境 ...
- Vue 学习之路(一)- 创建脚手架并创建项目
安装脚手架 命令 npm install -g @vue/cli 打开 cmd 窗口输入以上命令.当出现以下界面即表示安装完成. 查看已安装脚手架版本 命令 vue -V 在 cmd 窗口输入以上命令 ...
- golang学习笔记5 用bee工具创建项目 bee工具简介
golang学习笔记5 用bee工具创建项目 bee工具简介 Bee 工具的使用 - beego: 简约 & 强大并存的 Go 应用框架https://beego.me/docs/instal ...
- 低版本eclipse导入高版本eclipse创建项目报错问题
例如用高版本eclipse创建的项目,会默认使用的是jdk1.8版本, 低版本eclipse创建项目,会默认使用的是jdk1.7版本. 此时导入高版本eclipse项目时会报错(文件夹中会出现红色!) ...
- VUE CLI 3.0 安装及创建项目
一.安装 VUE CLI 3.0 官网: https://cli.vuejs.org/ 详细资料可以自己先把官网过一遍. 1. 安装(默认你的电脑上已安装node及npm) npm install ...
- vue学习之路 - 0.背景
1 单页面应用程序 Single Page Application (SPA) 从字面意义来看就是一个网站就一个页面,如: coding 网易云音乐 极致的用户体验,就像nativeapp一样 优点: ...
- VUE学习(一)——使用npm安装项目
npm是node.js自带的功能 Node.js 安装配置 本章节我们将向大家介绍在 Windows 和 Linux 上安装 Node.js 的方法. 本安装教程以 Node.js v4.4.3 LT ...
- vue学习之路一:安装vue-element-admin项目
今天看到一个vue网站,觉得很好,立马又有学习vue的冲动了,话不多说,直接贴项目网址: https://github.com/PanJiaChen/vue-element-admin/blob/ma ...
- Git 学习(二)版本库创建
Git 版本库创建 什么是版本库(repository)? 可理解为文件仓库.由Git管理每个文件的新增.修改及删除,但这个仓库可以追溯历史.可还原至任意历史节点. 版本库创建 创建一个版本库非常简单 ...
随机推荐
- Windows 下安装 Memcached
Windows 下安装 Memcached 官网上并未提供 Memcached 的 Windows 平台安装包,我们可以使用以下链接来下载,你需要根据自己的系统平台及需要的版本号点击对应的链接下载即可 ...
- ECS上nginx搭建反向代理通过内网访问阿里云OSS服务
对于付不起钱的小伙计,为了给公司省钱,想尽一切招数.今天就来分享一个使用阿里云OSS存储搭配CDN使用的网站服务器部署方法. 简介 阿里云OSS 阿里云提供的一种文件存储方案,和我们以前接触的百度云B ...
- [Python]数据挖掘(1)、梯度下降求解逻辑回归——考核成绩分类
ps:本博客内容根据唐宇迪的的机器学习经典算法 学习视频复制总结而来 http://www.abcplus.com.cn/course/83/tasks 逻辑回归 问题描述:我们将建立一个逻辑回归模 ...
- 浅谈Tarjan算法
从这里开始 预备知识 两个数组 Tarjan 算法的应用 求割点和割边 求点-双连通分量 求边-双连通分量 求强连通分量 预备知识 设无向图$G_{0} = (V_{0}, E_{0})$,其中$V_ ...
- 0x14哈希之兔子兔子
参考链接:https://www.cnblogs.com/wyboooo/p/9813428.html 题目链接:https://www.acwing.com/problem/content/140/ ...
- Django 安装 创建项目
安装Django: 安装好python 2.7 or 3.5(备注:在环境变量添加C:\Python36\Scripts路径) 然后在cmd窗口使用命令pip,有说明信息则表示pip可以正常使用. 安 ...
- hello2代码的简单分析
hello2部分代码: String username = request.getParameter("username");//将get~这个方法赋给username这个对象 i ...
- javascript自定义一个全类型读取的函数
我爱撸码,撸码使我感到快乐!大家好,我是Counter.因为我们知道,在JavaScript中有自带的方法可以读取类型,但是不很全面,今天来分享下如何自己定义一个函数,将所有传入参数的类型给打印出来, ...
- 解决Win10 PowerShell无法激活Anaconda环境的问题
最近在使用Anaconda的过程中,发现在Win10的PowerShell在使用conda activate 环境名激活环境时无效,而CMD则可以.这里前提必须将Anaconda 写入环境变量.否则在 ...
- Manjaro 安装svn客户端,以及checkout使用命令
安装svn sudo pacman -S svn checkout操作指令 svn co http://xxxxxxx /home/xx update 更新版本 svn up [文件/目录] 直接使用 ...