初识VUE

初识VUE

Node.js下载：

https://nodejs.org/zh-cn/download/   

node-v14.15.4-win-x64.zip 下载好后解压

 

配置环境变量：

新建 NODE_PATH    D:\software\node-v14.15.4-win-x64

PATH新增%NODE_PATH%node-global和%NODE_PATH%

 

进入cmd：node -v

npm -v

执行结果：

C:\Users\Administrator>node -v

v14.15.4

C:\Users\Administrator>npm -v

6.14.10

 

 

Node目录下，新建node-global和node-cache文件夹

打开cmd：npm config set prefis “D:\software\node-v14.15.4-win-x64\node-global”

npm config set cache “D:\software\node-v14.15.4-win-x64\node-cache”

 

查看目前可用的镜像：

Cmd执行：npm config get registry

 npm config set registry http://registry.npm.taobao.org

 

Vue基础环境配置 vscode:

Vscode官网下载https://code.visualstudio.com/

 

Vue官网下载：https://cn.vuejs.org/v2/guide

选生态系统，点击vue cli，点击起步

 

选择左侧的安装，找到安装命令，在cmd执行

npm install -g @vue/cli

OR

yarn global add @vue/cli

若有问题，npm clean cache -force清楚下缓存再试试

 

 

安装好后，vue  --version验证，出来版本说明安装成功，本次安装版本@vue/cli 4.5.10

vue create hello-world

将项目拖拽至快捷方式，用此打开

点击左下侧server右边的执行按钮，运行项目，在local后的网址，按住ctrl见，点击网址，可打开项目

点击拆分终端，输入npm run build 打包，打包完成后，在左侧会新生成dist文件夹，这就是打包以后的文件，可以用于项目的上线和部署