zoukankan      html  css  js  c++  java
  • vue.js项目构建——构建方式:vue-cli脚手架

      1.搭建好node环境之后,首先先确定一下集成在Node.js中的npm包管理器的版本是3.0.0以上。npm -v

      2.全局安装vue-cli。npm install -g vue-cli ,安装成功之后,同样可以通过 vue -V 来查看一下版本,同时可以验证是否成功安装

     

      3.安装完vue-cli之后,就可以开始创建项目了。新建一个文件夹,在此目录下创建一个基于 webpack 模板的新项目,vue init webpack my-vue-project,其中,my-vue-project是可以自定义的项目文件夹的名称。

      4.成功之后,进入到该项目文件夹,即进入到my-vue-project这个文件夹,可以看到package.json这个文件已经写好了一些依赖,我们通过npm install 这个命令来进行安装。安装成功之后,会生成node_modules这个文件夹。

      从当前文件夹打开控制的快捷方式: shift + 鼠标右键,点击在此处打开...窗口

      5.最后,通过npm run dev 就可以运行了。看到如下的结果,就可以复制链接到浏览器中进行访问了,一个通过vue脚手架来构建的项目框架就构建好了。

      

  • 相关阅读:
    WP2Sinablog使用后的后遗症
    .NET Framework 4 与 .NET Framework 4 Client Profile
    360浏览器也有了开发人员工具了
    让你的手机号“变”qq号
    首次体验 Live Writter
    判断素数
    SqlServer文件挂起
    vni—2015:验证错误
    成功者善于模仿(转)
    dbms_output缓冲区溢出
  • 原文地址:https://www.cnblogs.com/chaoyueqi/p/8000977.html
Copyright © 2011-2022 走看看