526互联

创建VUE项目，并使用VSCode进行代码

发布时间 2023-03-31 10:59:01作者: 知识怪人

VUE项目的创建（VSC）

必要的下载

  • 首先在官网中下载node.js，官网地址：https://nodejs.cn/

  • 在cmd中用命令行查看安装是否成功（以下两个命令行都要执行）

    • node -v:显示版本号表示成功
    • npm -v:显示版本号表示成功

  • 由于需要使用npm下载，配置npm的镜像为国内镜像

    npm config set registry https://registry.npm.taobao.org

  • 通过npm安装vue cli，

    npm install -g @vue/cli

    • 安装完成后查看执行以下代码，若显示版本号表示安装成功
      vue --version

创建项目

  • 在cmd中进入到想要放置项目的文件夹，执行vue ui命令，会弹出一个图形化界面
  • 点击创建，选好了项目地址后，点击在此创建新项目
  • 输入项目文件夹名字，包管理器选择npm，将初始化git仓库勾选取消，点击下一步
  • 预设选择手动配置，选择功能中只选择路由，其他的勾选取消
  • 选择vue版本，另外勾选历史模式，最后点击创建项目

使用VSCode加载项目

  • 点击文件，打开文件夹，选中刚刚创建的项目
  • 点击新建终端，使用npm run serve命令运行，选择下方的local链接，跟踪链接