首页 > 其他 > 详细

利用脚手架vue cli搭建vue项目

时间:2018-08-15 22:28:03      阅读:197      评论:0      收藏:0      [点我收藏+]

vue.js

https://vuejs.org/

基础:

http://cn.vuejs.org/v2/guide/installation.html

 

1.安装需要利用npm包管理器,所以首先安装node.js 

https://nodejs.org/en/download/  

安装好后,打开cmd面板,输入 node -v  (v即 version ,查看node版本)

技术分享图片

npm是随nodeJs一起安装。所以输入 npm -v

技术分享图片

说明npm也已经好了。

 (安装nodejs后,里面的npm可能不是最新版本,要升级这个npm:

 安装最新版npm

 npm install npm  或npm install npm -g   // -g 代表全局, -d 本地

  

)

2.安装vue-cli

npm install -g vue-cli

若觉得这种方式慢,可利用国内镜像,所以先设置 cnpm:(参照 http://blog.csdn.net/wisewrong/article/details/55212684)

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

使用 cnpm 安装 vue-cli

cnpm install -g vue-cli

安装完成后,查看是否安装成功可输入 vue -V (此时 V 大写,小写v 不识别此命令)

技术分享图片

3.在命令行中进入到项目目录,如 我的在D:\nodejs_workspace\vue_test(注意是\)

技术分享图片

输入命令

vue init webpack-simple project-name

 

利用脚手架vue cli搭建vue项目

原文:https://www.cnblogs.com/zyjzz/p/7072370.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!