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

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链接，跟踪链接