【Vue 学习笔记 一、Vue开发环境搭建】
搭建Vue的开发环境
1.首先安装Nodejs (因为我的系统是Windows的所以就选择第一个了,这个看个人的开发环境)
下载好后,然后一路确定,如果有更改安装目录的需求,就自己切换安装目录,由于是从网吧写的这篇博客,所以就无所谓了
打开cmd 输入 node --version
出现nodejs 的版本就成功了 ! 然后下一步安装 cnpm (安装这目的主要是使用淘宝的国内进行,安装的比较块)
安装方法,从cmd 命令控制台中输入下面的命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
出现下图就安装成功
2.搭建vue的开发环境,安装vue的脚手架工具 ,输入下面的命令
cnpm install --global vue-cli
也可以使用命令 npm install --global vue-cli (这个也可以使用,但是我个人不太推荐,只要是下载的速度实在是太太太慢了)
安装过程如下,速度飞起,安利给大家
3.创建项目 必须cd 到对应的一个项目里面
vue init webpack vue-demo01
可能安装过程很慢,请耐心等待。
然后很不幸,,我安装成功了,没有出现错误,如下,
运行上图的命令,但是我的报错了,没有启动 ,所以使用解决方案
输入
cnpm install
安装成功后,然后在命令控制台中输入
cnpm run dev
貌似成功启动了,然后使用浏览器打开 localhsot:8080 看看
我使用的是Vs code 安装vue 的代码提示插件
然后修改其中的App.vue 代码,返回浏览器中查看
修改成功!!!! 搭建成功!!!!
但是还没有剧终!!!!
还有另一种创建项目的方式 (推荐)
vue init webpack-simple vuedemo02
cd vuedem02
(如果出现错误,或者启动不了执行下面的命令)
cnpm install 或者 npm install
然后执行启动 这次端口改成了 localhost:8081
还有就是拿到一个项目,如果项目中没有node_modules 这个文件夹,可以使用
cnpm install 来安装 package.json 中项目所依赖的包
文件目录结构的简单说明
- 梯度下降法快速教程 | 第二章:冲量(momentum)的原理与Python实现
- Java 序列化与反序列化
- Percona Toolkit 常用工具使用介绍
- 深入浅出Redis-redis哨兵集群
- Spring-Blog:个人博客(一)-Mybatis 读写分离
- Spring-boot:5分钟整合Dubbo构建分布式服务
- MYSQL5.6优化器的一个新特性MMR
- Mysql聚集索引和非聚集索引
- Spring-Boot:6分钟掌握SpringBoot开发
- Zookeeper-5分钟快速掌握分布式应用程序协调服
- Mysql索引长度计算
- Spring-Boot:Spring Cloud构建微服务架构
- Python-WXPY实现微信监控报警
- MySQL InnoDB Lock(一)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 详解PHP素材图片上传、下载功能
- Python enumerate() 函数如何实现索引功能
- python打开文件的方式有哪些
- PHP实现二维数组按照指定的字段进行排序算法示例
- python怎么自定义捕获错误
- Codeforces Round #677 (Div. 3)
- PHP PDOStatement::fetchObject讲解
- PHP PDOStatement::getAttribute讲解
- Laravel框架自定义验证过程实例分析
- Codeigniter里的无刷新上传的实现代码
- django ObjectDoesNotExist 和 DoesNotExist的用法
- PHP PDOStatement::closeCursor讲解
- 使用python实现下载我们想听的歌曲,速度超快
- JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】
- OpenCV4.1.0+VS2017环境配置的方法步骤