位置:- 正文

Vue的环境配置(vue 配置)

编辑:rootadmin
Vue的环境配置 vue环境配置安装地址:安装 — Vue.js一、Node官网地址:下载 | Node.js 中文网

推荐整理分享Vue的环境配置(vue 配置),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue如何配置环境变量,vue如何配置环境变量,vue 配置,vuecli配置环境变量,vuecli配置环境变量,vue环境搭建及配置简书,vue环境配置详细步骤,vue如何配置环境变量,内容如对您有帮助,希望把文章链接给更多的朋友!

查看node版本∶打开命令工具,执行"node -v"命令查看版本号。

二、git-bash命令行工具

 git-bash命令行工具官网地址:Git

查看git版本:打开命令工具,git --version

 三、npm包管理工具

npm官网地址:npm 中文文档 | npm 中文网

1. npm的基本概念:npm(Node.js Package Manager)是一个Node.js的包管理工具,用来解决 Node.js代码部署问题。

2. 使用场景需求: 从npm服务器下载别人编写的第三方包到本地使用。 从npm服务器下载并安装别人编写的命令程序到本地使用。 将自己编写的包或命令行程序上传到npm服务器供别人使用。

3. 常用命令: npm install:安装项目所需要的全部包,需要配置package.json文件。 npm uninstall:卸载指定名称的包。 npm install 包名:安装指定名称的包。 npm update:更新指定名称的包。 npm start:项目启动。 npm run build:项目构建。

四、Chrome浏览器和vue-devtools扩展

vue-devtools:vue-devtools是一款基于Chrome浏览器的扩展,用于调试Vue应用,只需下载官方压 缩包,配置Chrome浏览器的扩展程序即可使用。

安装教程:https://www.jianshu.com/p/8bba67b017ff

命令:

Vue的环境配置(vue 配置)

npm install

num run build

五、脚手架安装

打开命令行工具,通过npm方式全局安装@vue/cli脚手架,具体命令如下:

npm install -g @vue/cli

安装完成后,检测是否安装成功,使用如下命令来查看vue-cli的版本号:

vue –V(或者vue --version)

六、使用vue create命令创建项目

在命令行中切换到项目存储目录,创建一个名称为my-project的项目,具体命令如下:

vue create my-project #创建项目

cd my-project #cd到项目中

npm run serve #项目运行

 

vscode 终端呈现

如果报错解决办法:

解决方法: 以管理员权限打开windows powershell,输入set-ExecutionPolicy RemoteSigned,选择y即可

本文链接地址:https://www.jiuchutong.com/zhishi/297842.html 转载请保留说明!
下一篇链接:https://www.jiuchutong.com/zhishi/297843.html
免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络