教你如何从零创建Vue 2.0项目

440 阅读1分钟

第一步Node安装
下载Node解压后双击 node-v6.14.4-x64.msi(版本号可能不同)安装,在安装界面一直Next,直到Finish完成安装。
打开控制命令行程序(CMD),检查是否正常(查看node、npm版本号)

第二步安装Vue脚手架
在命令行运行

npm install vue-cli -g      //全局安装 vue-cli

查看vue-cli是否成功,不能检查vue-cli,需要检查vue,如下:

第三步新建vue项目
还是在命令行选定路径新建vue项目,然后运行

vue init webpack  “项目名称”

,下面我在E盘根目录以项目名为wukong新建vue项目

创建完成后在命令行cd到项目文件夹 如:

cd wukong

再运行

npm install

安装项目依赖
依赖下载完毕后再运行

npm run dev

启动项目
出现如下图即启动vue项目成功

另:
使用淘宝NPM镜像
大家都知道国内直接使用npm的官方镜像是非常慢的,这里推荐使用淘宝 NPM镜像。
命令行运行

npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

这样就可以使用cnpm 命令来安装模块了,如果是内网开发的猿们建议就不要安装淘宝镜像了,我之前就遇过因为内网无法联网运行不了的问题,安装依赖也需要网络,所有可以在互联网机器上构建好项目再搬迁到内网开发。
附上部分代码简写
-S:安装到上线环境 --save
-D:安装到开发环境 --save-dev
-g:安装到全局 vue-cli
-i:install(等同)

原文链接