Vue脚手架初步安装

Vue脚手架安装步骤

---

建议所有cmd都在管理员模式下打开。

一：下载安装

1. 安装node.js

   进入Node.js官网，下载对应版本。直接运行安装。会自动配置环境变量，不用手动配。

2. 确认是否安装成功

   cmd 输入node -v 和 npm-v 能够正确打印版本号则正确安装

3. 安装淘宝镜像加速器

   问题：可能在打包的时候会失败

   npm install cnpm -g
   #g代表全局，即globe
   

4. 安装vue-cli

   cnpm install vue-cli -g
   可以用
   vue list查看有哪些模板可以用
   

---

二、创建vue程序

1. 用管理员进入到vue工程目录

2. 初始化

   vue init webpack myvue
   

   输入相关信息后，创建成功。一路“no”下去，要手动做，才能体会到过程。

3. 安装依赖环境

   进入到自动创建的目录下

   npm install
   #速度慢则npm改成cnpm
   

4. 运行

   npm run dev
   #速度慢则npm改成cnpm
   

   成功后就直接访问服务器地址。