vue学习01----安装

一、项目搭建（一共2步）

1.安装前：你需要安装node，并且切换成淘宝的镜像。

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.搭建vue项目如下: 

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

 
 

  
  # 全局安装 vue-cli
 
 
 
 

  
  $ npm install --global vue-cli
 
 
 
 

  
  # 创建一个基于 webpack 模板的新项目
 
 
 
 

  
  $ vue init webpack my-project
 
 
 
 

  
  # 安装依赖，走你
 
 
 
 

  
  $ 
  
  cd my-project
 
 
 
 

  
  $ npm install
 
 
 
 

  
  $ npm run dev
 
 

报错：

默认是8080端口，改端口被占用，打开项目，进入 config>index.js中

修改端口号，再次运行 npm run dev 运行项目

运行成功，打开页面：

有的会报错，如下：

这个是因为版本的问题，我之前就遇到了，搞了半天才明白，哎

查看自己的node npm 版本是不是太低了，更新到新版本，应该就没问题了。

window更新node的版本，需要重新安装node，在node的官网上下载最新版本的node，安装第一次安装的步骤进行安装，重新新建项目，按照以上的步骤，应该就没有问题了