当前位置:   article > 正文

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

vue2脚手架安装


1. 安装 node.js

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


2. 安装 vue-cli 脚手架

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

3. 创建 vue2 项目

  1. 项目目录下打开命令行
    vue create my_project
    
    • 1
    my_project 为项目名称
  2. 接下来选择创建 vue2 项目
    3.
    回车即可创建完成

4. 安装基础依赖

  1. vue-router
    安装命令

    npm i vue-router@3 --save
    
    • 1

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

  2. axios
    安装命令

    npm install axios --save
    
    • 1

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

  3. elementUI
    安装命令

    npm i element-ui -S
    
    • 1

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


声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小惠珠哦/article/detail/784843
推荐阅读
相关标签
  

闽ICP备14008679号