其他分享
首页 > 其他分享> > 初识VUE

初识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文件夹,这就是打包以后的文件,可以用于项目的上线和部署

 

标签:node,npm,VUE,cli,vue,global,v14.15,初识
来源: https://blog.csdn.net/sinat_42410314/article/details/112719941