nodejs 搭建vue环境

简介 ：nodejs 搭建vue项目环境

 第一步：安装nodejs 

 下载网址：Download | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en/download

 本次用例下载版本为 win64 18.16.0

下载完成后安装一路next（可自行修改安装目录）即可 。

第二步：更改镜像源（非必须）

npm默认使用国外源，对于国内用户而言速度较慢，所以使用一个国内的源会加快资源的下载速度，本次用例选取的是淘宝源。

更换指令：

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

 第三步：安装Vue CLI

指令：npm i @vue/cli -g

第四步：搭建一个项目

 进入项目搭建的文件夹（任意位置|新建）

本次用例新建文件夹vue_project位于桌面Desktop上

指令：cd C:\Users\Administrator\Desktop\vue_project

 创建第一个项目

指令：vue create first-app

first-app 代表项目名

 创建完成后再次打开新建文件夹vue_project会发现其中增加了一个文件夹

vue_project 文件结构

 我们写的代码基本放置于src内

第五步：运行项目

进入到项目中

指令：cd .\first_app

 运行项目

指令： npm run serve

 运行后终端会给出两个网址

 第一个代表本地地址，第二个代表网上地址，在浏览器打开。

运行页面

 附： nodejs版本过高带来的错误

若因node版本过高带来的错误，可修改 package.json 内的 srcipts 中的serve 的值

修改内容 ： "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve"

 （无报错也可修改）

修改后：