第一步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(等同)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。