Vue cli 脚手架安装

一、Node安装

检查是否安装Node环境
Vue cli 脚手架安装_第1张图片

如果没有安装可去官网下载对应环境。

node 安装地址:http://nodejs.cn/download/

二、 vue-cli 全局安装

 npm install -g vue-cli    // 加-g是安装到全局

然后在cmd中查看vue环境安装是否成功
Vue cli 脚手架安装_第2张图片
如果网速慢的话可以使用淘宝镜像:
官方网址:http://npm.taobao.org

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

使用以上命令后以后安装插件就可以使用cnpm

三、初始化项目
执行命令: vue init webpack my-vue (my-vue是你的项目名称)
Vue cli 脚手架安装_第3张图片
依次按照提示输入,项目名、项目描述、项目作者等等,
然后一路回车 看到最后这句项目就创建好了。

四、安装依赖
首先使用cd my-vue 切换到文件夹中

五、安装依赖
使用node自带的npm install 可以将vue使用的依赖安装到本地 (或者使用淘宝 ->cnpm install )

六、启动项目
安装完成之后再执行命令: npm run dev 在游览器中输入127.0.0.1:8080 就可以访问当我们项目啦!!!
Vue cli 脚手架安装_第4张图片

你可能感兴趣的:(Vue,Cli,Vue)