一、准备工作:
1.从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了
2.安装cnpm,在命令行中输入
npm install -g cnpm --registry=http://registry.npm.taobao.org
3.安装webpack
npm install webpack -g
4.安装vue-cli
cnpm install vue-cli -g
二、方式一
- 从GitHub上下载项目,不用git的方式,如下图,点击Download ZIP , 找到下载成功的压缩文件,再解压到自己指定的目录。
2.通过npm命令安装 淘宝的镜像及其命令 cnpm , 因为国内npm 安装速度比较慢
npm install -g cnpm --registry=[https://registry.npm.taobao.org](https://registry.npm.taobao.org)
3.查看cnpm版本
cnpm -v
4.假如下载的项目名为vue-demo,在cmd命令行中通过cd命令进入到该文件夹,并执行以下命令
# 安装依赖,使用淘宝资源命令 cnpm
cnpm install
5.启动应用,地址为 localhost:xxxx ,这个地址可能因下载项目的不同而不同,具体请看github上作者的介绍
cnpm run dev
三、方式二:
编译vue工程,会增加node_modules目录。
npm install
运行vue,注意不是所有的都是dev,具体是什么,请看备注。
npm run dev
四、备注:
npm run xxx?这个xxx是什么值呢,他是脚本的名称!定义在工程目录下的package.json中。serve的值是: "serve": "vue-cli-service serve",那么run后面的值就是serve!
至此,如何运行vue项目就介绍完毕!!!