0
点赞
收藏
分享

微信扫一扫

使用Vue CLI 构建项目


一、安装vue-cli

cnpm install vue-cli -g

如果没有安装cnpm可以先安装cnpm,以下代码使用的淘宝的镜像源

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

在命令执行结束后可以输入以下代码来验证:

vue --servion

如果显示版本信息就是表明安装成功

二、初始化项目

cd 到你要放置项目的文件夹下,输入以下语句构建名称为vue_test的项目

vue init webpack vue_test

按enter键 ,进行下一步,其中‘Set up unit tests’和‘Set tests with NightWatch’选择No,这部分和vue没有直接的关系。最后一项选择No(利用方向键+enter进行选择),因为npm的镜像源在国外可能下载过慢,所以建议后面自己利用cnpm install 进行安装

使用Vue CLI 构建项目_vue

三、运行项目

npm run dev

使用Vue CLI 构建项目_初始化_02


此时会提示你登录http://localhost:8080,此时一个vue项目就构建好了

使用Vue CLI 构建项目_镜像源_03


举报

相关推荐

0 条评论