Vue学习笔记:Vue创建新项目

第一步:

首先下载Node.js

下载链接:http://nodejs.cn/download/
Vue学习笔记:Vue创建新项目
安装完成后

打开cmd

Vue学习笔记:Vue创建新项目
node -vnpm -v查看node和npm版本
npm install -g npm更新npm到最新版本

安装淘宝npm镜像

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
之后可以使用cnpm来安装模块
淘宝npm镜像安装速度远大于使用npm安装

第二步:

安装vue-cli

全局安装 vue-cli
cnpm install vue-cli -g
安装完成后vue list查看是否安装成功
Vue学习笔记:Vue创建新项目

新建vue项目

cd “选择安装路径”
vue init webpack ”项目名称“
Vue学习笔记:Vue创建新项目
第七个选择是否使用ESLint可以根据自己选择,如果不用则选择n,如果使用则严格按照格式来书写,否则可能会有较多的格式警告报错

安装完成后

Vue学习笔记:Vue创建新项目
之后在终端或cmd输入npm startnpm run dev可启动项目
也可以在配置文件package.json内修改start内的运行代码
Vue学习笔记:Vue创建新项目
Vue学习笔记:Vue创建新项目

最后在浏览器上运行

Vue学习笔记:Vue创建新项目