vue环境配置安装地址安装 — Vue.js

一、Node官网地址下载 | Node.js 中文网

 

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

二、git-bash命令行工具

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

 

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

 三、npm包管理工具

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

1. npm的基本概念npmNode.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-devtoolsvue-devtools是一款基于Chrome浏览器的扩展用于调试Vue应用只需下载官方压 缩包配置Chrome浏览器的扩展程序即可使用。

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

命令

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即可