ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Vue环境配置

2021-10-03 17:34:01  阅读:131  来源: 互联网

标签:node npm Vue 配置 环境 global 地址 vue 安装


Vue 环境配置

安装Python

下载地址

下载后直接安装即可

在命令行中输入命令,验证是否安装成功

py -V

安装Node

下载地址

下载后直接安装即可

在命令行中输入命令,验证是否安装成功

node -v

设置淘宝镜像,提高网络速度,在PowerShell中执行以下命令

npm config set registry "https://registry.npm.taobao.org" 

查看配置

npm config list

在node安装文件夹下创建 node_cache 和 node_global 文件夹,并做一下设置

npm config set prefix "{node安装地址}\node_global"
npm config set cache "{node安装地址}\node_cache"

将node缓存和全局包设置在node安装文件夹下

并在环境变量中设置一下path

{node安装地址}\node_global
{node安装地址}\node_global\node_modules

安装Vue/CLI

安装好node后,在PowerShell中执行以下命令

npm install -g @vue/cli

等待安装完成

执行以下命令安装安装是否成功

vue --version

升级Vue/CLI

npm update -g @vue/cli

创建一个新项目

以管理员身份运行命令行程序,在命令行中进入要创建项目的文件夹执行以下命令创建一个新项目

vue create hello-world

或者通过vue-ui来创建项目,执行一下命令

vue ui

打开vue的UI服务,在浏览器中输入服务地址,就可以创建项目了

标签:node,npm,Vue,配置,环境,global,地址,vue,安装
来源: https://www.cnblogs.com/shipengfei/p/15364532.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有