vue环境搭建步骤

1） 下载node

        http://nodejs.cn/download/

　　安装

2） 查看node是否安装成功

　　Windows+R => cmd 打开命令行

　　输入 node -v 查看node版本，node版本需要>8.9

 

3）  npm是外国的，很多技术资源无法下载。

　　淘宝复制了npm，生成了咱们自己的，这样我们就可以使用淘宝镜像来下载。

　　淘宝镜像的地址是：http://npm.taobao.org/

npm install -g cnpm --registry=https://registry.npm.taobao.org
使用的时候 写cnpm，等同于npm

4） 安装vue

cnpm install vue -g

 

5） 安装脚手架 CLI

　　如果之前已经安装过旧版本（非3.X）脚手架，需要卸载旧版本：

cnpm uninstall vue-cli -g

cnpm install -g @vue/cli      安装脚手架，用于生成项目

　　vue --version     查看vue-cli版本

 

　　-g：（global） 全局安装，安装完成后在任何一个文件夹下都能使用。

       cd ..    进入上级目录

　　cd 文件名    进入该文件

　　cnpm install   安装依赖包

 

6） 创建项目

　　使用快捷键 win+R ，输入CMD，回车，打开命令提示符

　　进入到vue项目要在的路径下，我放在了桌面（ cd desktop ）

             

　　　 新建项目，vue init webpack + 项目名称

              

 

             

 

 

•  bulid文件夹：用来存放最终发布的代码
• config：配置目录，存放一些基本配置信息
• node_modules：存放项目的所有依赖
• src：存放项目的源码
• static：存放静态资源
• package.json：定义了项目的所有依赖

             

•  assets：存放图片
• components：存放组件
• router：项目的路由
• App.vue：一个vue组件
• main.js：整个项目的入口js

 7） 运行项目

　　第六步新建项目后，在命令提示符最下面的几行，有这样的内容

　　

         cd ttxue进入

　　输入cnpm run dev 启动项目

　　

 

　　在浏览器上打开 http://localhost:8080

　　

 

 

        好了，一个vue项目搭建完成