安装脚手架Vue CLI详解!!!

Vue CLI基本介绍:

        Vue CLI是Vue官方提供的一个全局命令工具。可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack配置】

安装脚手架好处:

  1. 开箱即用,零配置;
  2. 内置babel等工具;
  3. 标准化

 安装步骤:

建议:

        先在电脑安装node.js-->

        查看自己的global齐全局文件下有没有vue(npm list -global)-->

        注意node.js的配置(特别注意用户里的path路径)-->

        安装npm淘宝镜像(npm config set registry=http://registry.npm.taobao.org)-->

        检查镜像(npm config get registry)-->

        查看是否获得vue信息(Npm info vue)-->...安装脚手架Vue CLI详解!!!_第1张图片

  1. 全局安装(一次):  npm install -g @vue/cli 安装脚手架Vue CLI详解!!!_第2张图片
  2. 查看Vue版本:vue --version
  3. 创建项目架子:vue create project-name(项目名不能使用中文)安装脚手架Vue CLI详解!!!_第3张图片
  4. 启动项目:npm run serve(找package.json)安装脚手架Vue CLI详解!!!_第4张图片安装脚手架Vue CLI详解!!!_第5张图片

 注意事项:

        显示报错yarn...或者npm...——解决办法:需提前安装npm node.js

npm安装教程(node.js安装教程):

你可能感兴趣的:(vue.js,javascript,前端,学习,vscode,前端框架)