IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> vue开发环境搭建 -> 正文阅读

[JavaScript知识库]vue开发环境搭建

1、安装node.js

node.js官网下载地址:http://nodejs.cn/download/

一直下一步傻瓜式安装即可(安装过程中会自动安装npm)。安装完成后node.js的环境变量会自动添加,命令行输入path查看:
在这里插入图片描述
执行 node -v 和 npm -v 可查看node和npm的版本号:
在这里插入图片描述

2、设置全局依赖包存放路径和缓存文件路径

在nodejs安装路径下,新建node_global和node_cache两个文件夹
在这里插入图片描述
执行如下命令,设置缓存文件路径

npm config set cache "D:\C\installPath\nodejs\node_cache"

执行如下命令,设置全局依赖包存放路径

npm config set prefix "D:\C\installPath\nodejs\node_global"

设置成功后,以后用命令 “npm install xxx -g” 安装依赖下载的依赖包就会存放在 D:\C\installPath\nodejs\node_global 目录

3、安装cnpm(淘宝镜像)

进入 C:\Windows\System32 找到cmd.exe,以管理员身份运行打开cmd窗口,执行如下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装成功后,进入如下目录:
在这里插入图片描述
执行cnpm -v,出现如下命令说明安装成功:
在这里插入图片描述
但是cnpm只在此路径识别,在别的路径执行cnpm命令会报:cnpm不是内部或外部命令

所以需要配置环境变量。在系统环境变量path后面追加:D:\C\installPath\nodejs\node_global
在这里插入图片描述
这样,在别的路径也可以执行cnpm命令了。

4、安装vue

安装命令(这里的-g是指安装到global全局目录去):

cnpm install vue -g

如果出现如下报错:
在这里插入图片描述
进入C:\Windows\System32目录,找到cmd.exe,以管理员身份运行打开cmd,然后执行cnpm install vue -g命令安装vue:
在这里插入图片描述

5、安装vue命令行工具,即vue-cli 脚手架

安装命令:

cnpm install vue-cli -g

6、使用vue-cli创建项目

进入你的vue工程目录,执行如下命令:

vue init webpack 项目名称

7、安装VsCode

VsCode下载地址:https://code.visualstudio.com/

国内下载vscode速度慢问题解决:

在浏览器或者下载软件中就可以看到这么一个下载地址了,将其复制下来(如下图箭头所指)
在这里插入图片描述
然后将红框内的部分更换为如下内容:

vscode.cdn.azure.cn 

新的下载地址:
在这里插入图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-03-21 20:40:43  更:2022-03-21 20:43:03 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 5:52:27-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码