码迷,mamicode.com
首页 > 其他好文 > 详细

0603 Vue 最新 下关于 vue-cli的初始配置和基本使用

时间:2018-06-03 14:47:06      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:2.3   ext   white   启动   exe   官网   卸载   快速   cli   

Vue.cli 是什么?

    为单页面应用快速搭建 (SPA) 繁杂的脚手架。

    它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。

   (说明:使用cli的前置知识条件是对node.js的构建有一定掌握,对Vue有一定认识和掌握,!!!1)

 

Vue cli 的初始配置步骤:

   1. 安装node.js到当前系统.(node官网提供各系统与各位数的版本下载)

    

   2.在node的命令行环境下进行后续安装.(执行安装目录下的 node.exe文件)

       2.1   先行安装 cnpm

              安装命令: npm install cnpm -g (安装会有点漫)

              (顺带讲解一下cnpm这是什么鬼 ?)

                本来nodes自带一个npm(node package manager)-即nodejs的包管理器,用于node插件管理(包括安 装、卸载、管理依赖等)但是老外的npm首网络影响大,不好用.因此淘宝搞了一个同等工具,cnpm。频率 为10分钟同步一次,用法与npm完全一样,只是命令行变为 cnpm  ****

      2.2  安装vue.cli

             安装命令:cnpm install  vue-cli -g 安装脚手架到全局

     2.3   通过成安装后  来查看可用的cli模板

            命令: vue list

  • 常规我们使用广受好评的webpack模板

  3 安装完毕后的项目创建

        3.1 进入项目目标文件夹路径,在窗命令:vue init webpack vuecli  项目名称

                   系统会有若干创建应当,yes or no即可

        3.2 引导完毕后,自动开始下载文件并进行创建(会要点时间)             

        3.2 创建完毕后系统提示 project initialization finished!

               进入项目目标文件夹,并执行 cnpm run dev (项目名称 ) 启动项目

               启动成功标志:访问  http://localhost:8080 成功访问启动页面

 

 

       

                 

     

 

 

                

0603 Vue 最新 下关于 vue-cli的初始配置和基本使用

标签:2.3   ext   white   启动   exe   官网   卸载   快速   cli   

原文地址:https://www.cnblogs.com/xfym888/p/9128314.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!