【Vue】Vue开发环境搭建
Vue前置学习环境
IDE
WebStorm 官网下载:https://www.jetbrains.com/webstorm/download/
VSCode 官网下载:https://code.visualstudio.com/Download
Node.js
Node:https://nodejs.org/en/
下载安装
配置下环境变量 Path 加上
D:\Environments\nodejs\
D:\Environments\nodejs\node_global\
NODE_PATH D:\Environments\nodejs\node_modules
安装好node后,要设置一下node_global和node_cache(node缓存文件夹)
C:\Users\x1c>npm config set prefix "D:\Environments\nodejs\node_global"
C:\Users\x1c>npm config set cache "D:\Environments\nodejs\node_cache"
C:\Users\x1c>npm install express -g
+ express@4.17.1
updated 3 packages in 3.597s
nvm介绍:node多版本管理的最佳工具
开发环境&工具
为什么要使用nvm 管理node版本
npm安装方法介绍(Linux,MacOS,Windows)
https://github.com/nvm-sh/nvm
Windows
nvm-windows 最新下载地址:
https://github.com/coreybutler/nvm-windows/releases
下载安装即可
nvm简单的使用方法(nvm install,nvm use)
nvm
nvm ls
nvm ls -remote
node --version
npm --version
nvm ls
nvm use vxxx
nvm install vxxx
配置阿里云镜像
https://developer.aliyun.com/mirror/NPM?from=tnpm
有时候用npm拉取包可能会很慢,可以用淘宝npm镜像代替npm进行拉包,就像github和gitee,Github下载拉取比较慢,我就导入码云下载。
npm install -g cnpm --registry=https://registry.npm.taobao.org
or
npm config set registry https://registry.npm.taobao.org
npm config get registry
执行:npm install -g cnpm --registry=https://registry.npm.taobao.org
C:\Users\x1c>npm install -g cnpm --registry=https://registry.npm.taobao.org
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
D:\Environments\nodejs\node_global\cnpm -> D:\Environments\nodejs\node_global\node_modules\cnpm\bin\cnpm
+ cnpm@6.1.1
updated 1 package in 21.466s
C:\Users\x1c>
调试环境
chrome浏览器
vue.js devtools https://github.com/vuejs/vue-devtools
https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN
工程环境
node --version
npm install -g vue-cli
vue --version
C:\Users\x1c>npm install -g vue-cli
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
D:\Environments\nodejs\node_global\vue-init -> D:\Environments\nodejs\node_global\node_modules\vue-cli\bin\vue-init
D:\Environments\nodejs\node_global\vue -> D:\Environments\nodejs\node_global\node_modules\vue-cli\bin\vue
D:\Environments\nodejs\node_global\vue-list -> D:\Environments\nodejs\node_global\node_modules\vue-cli\bin\vue-list
+ vue-cli@2.9.6
added 238 packages from 205 contributors in 48.081s
C:\Users\x1c>node --version
v11.9.0
C:\Users\x1c>vue --version
2.9.6
C:\Users\x1c>
node --version
vue --version
删除vue-cli, npm install -g vue-cli 装的,就 npm uninstall -g vue-cli 删。
npm install -g @vue/cli 装的,就 npm uninstall -g @vue/cli 删。
C:\Users\x1c>node --version
v11.9.0
C:\Users\x1c>vue --version
2.9.6
C:\Users\x1c>npm uninstall -g vue-cli
removed 238 packages in 3.35s
C:\Users\x1c>npm install -g vue-cli
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
D:\Environments\nodejs\node_global\vue -> D:\Environments\nodejs\node_global\node_modules\vue-cli\bin\vue
D:\Environments\nodejs\node_global\vue-init -> D:\Environments\nodejs\node_global\node_modules\vue-cli\bin\vue-init
D:\Environments\nodejs\node_global\vue-list -> D:\Environments\nodejs\node_global\node_modules\vue-cli\bin\vue-list
+ vue-cli@2.9.6
added 238 packages from 205 contributors in 20.165s
C:\Users\x1c>vue --version
2.9.6
C:\Users\x1c>
小结
最新文章
- JavaScript var关键字、变量的状态、异常处理、命名规范等介绍
- jquery阻止冒泡事件行为发生
- html5人物图片360度立体旋转
- [转]WPF 获取程序启动路径
- Java学习笔记(1)
- poj 3304 Segments
- MyBatis学习笔记(1) —— 基础知识
- Linux字符设备驱动
- A*算法&;博弈树α-β剪枝
- List<;Object>;中,以Object的某一属性值为参照进行排序,选取最大记录的解决办法
- UNIX网络编程——UNIX域套接字编程和socketpair 函数
- 简单了解python使用正则表达式
- 29个人,耗时84天,硬刚Python,实验结果如下。
- MySql数据库通过idb和frm恢复
- Docker Kubernetes 查询字段说明
- 【数论Day1】 最大公约数(gcd)题目
- iOS_2_button控制物体形变
- 如何使用腾讯云开发一款 AR 应用介绍
- Python 全栈开发:dict(字典)常用方法操作、dict嵌套
- C# 模拟串口发送接收
热门文章
- Acunetix 11手动导入Burp suite抓取的网页
- Centos上配置nginx+uwsgi+负载均衡配置
- 海选与包装,Python中常用的两个高阶函数(讲义)
- jquery ajax return不起作用
- 学习 Gin 问题总结 2020.12.29
- rtmp向IR601移植过程(无功能步骤,只有移植步骤)
- 【探索之路】机器人篇(2)-ROS系统并创建工作空间和项目
- E-BOOK-TINY6410-LCD的使用
- Windows10搭建本地ftp服务器
- Daphile FAQ -- 官方文档译文 [原创]