微学网

热门关键词:   as  thinkphp  ecshop  xxx  商务通  www.ymwears.cn
热门: ASP.NET PHP编程 ASP编程 JSP编程 Python

vue-cli vue脚手架使用

发布时间:2021-04-26 来源:未知 点击:

安装vue-cli

安装node.js环境,新版本nodejs已经集成了npm,所以不需要单独安装。

查看node和npm版本。

$ node --version 
$ npm -v

1.1 安装vue-cli


$ npm install webpack webpack-cli -g

$ npm install --global vue-cli

安装成功后,vue -V查看相应版本号。

2.2 用vue-cli构建项目


$ vue init webpack template_project

回答几个问题以后,项目就开始构建了。

如果下载会卡住,建议切换成淘宝npm镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org

3.3 构建项目结构

4.4 启动项目

cd到项目目录


$ npm run dev

开发调试可以使用chromevue-devtools插件,下载以后拖拽到浏览器即可。

5.5 打包上线


$ npm run build

将打包后生产的dist文件夹放到服务器即可。


这就是微学网-程序员之家为你提供的"vue-cli vue脚手架使用"希望对你有所帮助.本文来自网络,转载请注明出处:http://www.weixuecn.cn/article/14288.html
网络编程 | 前端制作 | 数据库 | CMS教程 | 脚本编程 | 框架 | 服务器 | 微信开发 | APP开发 | 学习教程 |

凡本网站转载的文章、图片等资料的版权归版权所有人所有,因无法和版权所有者一一联系,如果本网站选取的文/图威胁到您的权益,请您及时和本网站联系。 我们会在第一时间内采取措施,避免给双方造 成不必要的损失。
© 2015-2021 微学网 版权所有,并保留所有权利。 备案号:粤ICP备09051474号-1

菜鸟学习网,提供各类程序编程入门,技巧