首页 > 其他 > 详细

快速构建vue项目-通过vue脚手架

时间:2020-06-29 23:10:57      阅读:67      评论:0      收藏:0      [点我收藏+]

1.打开控制台,输入

npm install vue-cli -g

即,安装vue(脚手架vue-cli)

注:在命令执行结束后,输入  vue --version;如果控制台打印出版本号,即,表示安装成功

2.在项目所要放置的文件目录下打开控制台,输入

vue init webpack my-project(初始化项目,此处的my-project为项目名称)

即,用webpack初始化vue,生成my-project文件夹

3.在模板下载完成后,vue-cli将引导我们进行项目配置

技术分享图片

 

其中,“Set up unit tests” 和 “Setup e2e tests with Nightwatch” 选择“no”,这部分内容和vue没有直接关系。最后一项也选择“no”,是因为npm的镜像源在国外,安装依赖的速度缓慢且容易出错,建议用cnpm来安装依赖。

4.安装项目依赖

进入my-project文件夹后,在控制台输入

npm install

即,在文件里里面生成nodes_modules文件夹(依赖)

5.启动项目

在控制台输入

 

npm run dev

 

此时,在浏览器地址栏输入http://localhost:8080即可访问项目

 

快速构建vue项目-通过vue脚手架

原文:https://www.cnblogs.com/pwindy/p/13210842.html

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