Vue2脚手架搭建+项目基础依赖安装

文章目录

  • 1. 安装 node.js
  • 2. 安装 vue-cli 脚手架
  • 3. 创建 vue2 项目
  • 4. 安装基础依赖


1. 安装 node.js

可以参考这篇文章 https://blog.csdn.net/weixin_43721000/article/details/134284418


2. 安装 vue-cli 脚手架

  1. 安装 vue-cli
    npm install -g @vue/cli
    
  2. 查看是否安装成功
    vue -V
    
    如果报错没有 vue 命令,就去配置一下 vue 的全局变量
    Vue2脚手架搭建+项目基础依赖安装_第1张图片
    将路径 C:\Users\用户名\AppData\Roaming\npm 加入环境变量 path
    再次执行就不会报错了
    在这里插入图片描述

3. 创建 vue2 项目

  1. 项目目录下打开命令行
    vue create my_project
    
    my_project 为项目名称
  2. 接下来选择创建 vue2 项目
    Vue2脚手架搭建+项目基础依赖安装_第2张图片
    回车即可创建完成

4. 安装基础依赖

  1. vue-router
    安装命令

    npm i vue-router@3 --save
    

    具体可以参考这篇文章
    https://blog.csdn.net/weixin_43721000/article/details/125017785

  2. axios
    安装命令

    npm install axios --save
    

    具体可以参考这篇文章
    https://blog.csdn.net/weixin_43721000/article/details/125527254

  3. elementUI
    安装命令

    npm i element-ui -S
    

    具体可以参考这篇文章
    https://blog.csdn.net/weixin_43721000/article/details/123617538


你可能感兴趣的:(Vue,vue,vue.js)