vue环境搭建与项目配置

• 安装node.js
  • 安装vue前电脑中必须已经安装成功node.js
  • node.js 下载链接
  • 下载完成后，执行安装程序，直接进行安装即可
  • 安装完成后，打开命令行窗口（cmd）
  • 输入node -v 和 npm -v 可查看安装的node.js和npm的版本号
• 安装编译器
  • vscode下载链接
• 安装vue
  • 使用npm进行安装
    • 缺点：安装速度较慢，使用国内源镜像安装较快
    • 打开cmd，键入：npm install --global vue-cli ，回车后等待安装即可
    • vue-cli安装完成后，键入：npm install webpack -g ，回车进行webpack的安装
  • 使用国内源镜像安装
    • 首先安装 cnpm
      • npm install -g cnpm --registry=https://registry.npm.taobao.org
    • 安装vue
      • 打开cmd，键入：cnpm install vue-cli -g，回车等待安装即可
      • vue-cli安装完成后，键入：cnpm install webpack -g ，回车进行webpack的安装
• 创建vue项目并启动
  • 进入你的vue项目的工作空间下，使用cd命令进行切换
  • 执行：vue init webpack demo ，其中demo为vue项目的名称
  • 进入新创建的vue项目下，（cd demo），执行：npm install ， 进行依赖包的安装
  • 安装完成后，执行：npm run dev ， vue项目启动
  • 启动成功后，打开浏览器，打开网址：127.0.0.1:8080 ， 可以看到vue标识，项目启动成功
• 安装教程