VUE3.0从零开始-项目搭建(1)

1.Nodejs安装

安装地址：https://nodejs.org/zh-cn/

预装环境 ：node v8+ 为什么需要运行环境    

  VUE项目==文件类型是.vue他是需要被编译成.js文件，才可以被浏览器识别 安装复杂度    

 一键安装 会不会增加学习成本       我们只是运用node环境，不需要单独学习

查看node版本： node –v 

Vu3需要node 版本8以上

2.设置镜像源

查看npm版本： npm -v

 npm 镜像：    

淘宝npm镜像    

  registry地址：http://registry.npm.taobao.org/    

cnpmjs镜像      

  registry地址：http://registry.cnpmjs.org/  

设置镜像源：npm config set registry   http://registry.npm.taobao.org/   

查看镜像源： npm config get registry

3.安装Vue-cli  

vscode 里面 终端输入：npm install -g @vue/cli

Vue CLI 和 Vue的区别

脚手架是一个基于 Vue.js 进行快速开发的完整系统,通过@vue/cli 实现快速搭建标准化项目的脚手架  

Vue的版本和VueCLI的版本的关系

Vue版本不受脚手架版本的影响 使用VueCLI构建项目过程，可以根据需求选择相应版本的Vue

查看VueCLI版本号：  vue -v

 

报错：vue : 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中about_Execution_Policies。

解决方法

方法1、在VScode控制台修改权限

以管理员身份打开VScode，并执行以下命令，即可

Set-ExecutionPolicy RemoteSigned

• 1

如果不是以管理员身份运行，会出现如下错误

方法2、在cmd或者powershell修改权限

同样以管理员身份，执行相同的语句，并按照提示选择Y或A，即可