本文使用淘宝的镜像及其命令来完成安装
安装镜像
淘宝镜像npm 版本需要大于 3.0。
npm -v
来查看npm版本,如果低于此版本需要升级它
cnpm install npm -g
升级或安装 cnpm
npm install cnpm -g
做完上述步骤后,进入真真的安装阶段。
安装vue程序
第一步:创建文件夹
首先在电脑上创建好需要存放该项目的文件夹,如D:\myproject为例:
首先进入该文件夹
D:
cd myproject
进入到myproject文件夹中
第二步:创建项目
创建一个全局的cli
cnpm install --global vue-cli
创建一个基于 webpack 模板的新项目,项目文件放在myvue文件夹下。
vue init webpack myvue
之后都可默认按回车,直至进行构建完项目为止。
安装项目成功后执行
cd myvue
进入构建完成的项目目录
cnpm install
执行安装,待安装完成,执行
cnpm run dev
运行项目,待运行完成,可以通过http://localhost:8080进入安装好的vue项目。
修改默认地址
打开安装项目文件夹/config/index.js,大概位置在第16、17行
host: 'localhost',
port: 8080,
host为地址,port为端口,自行修改,修改完成后,进入到项目存放目录,上文提及的myvue文件夹。
D:
cd myproject
cd myvue
cnpm run dev
执行完成后,在输入新网址即可访问。