vue脚手架了解一下

Posted ppm0325

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue脚手架了解一下相关的知识,希望对你有一定的参考价值。

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

npm install --global vue-cli

通过vue -V 查看版本号

执行vue init webpack

执行cnpm run dev 查看效果

在项目开发完成之后,可以输入 npm run build 来进行打包工作。

打包完成后,会生成 dist 文件夹,如果已经修改了文件路径,可以直接打开本地文件查看。
项目上线时,只需要将 dist 文件夹放到服务器就行了。
    Vue.config.productionTip = false
消息提示的环境配置,设置为开发环境或者生产环境

以上是关于vue脚手架了解一下的主要内容,如果未能解决你的问题,请参考以下文章

了解vue

使用vue-cli 脚手架快速搭建单页面组件

Vue搭建脚手架2

大前端公开课——必玩必会的CLI脚手架(Vue面试问答技巧)

vue 脚手架搭建

vue 入门