首页 > 其他 > 详细

vue项目环境安装

时间:2018-11-21 17:16:15      阅读:161      评论:0      收藏:0      [点我收藏+]
一、环境安装
  • 安装 node
    • 官网直接下载安装包,按步骤安装
    • cmd 命令输入 node -v ,出现版本号即可
    • cmd 输入 npm -v, 出现版本号即可(用于安装依赖)
    • npm install 经常太慢,所以可以下载淘宝镜像, 使用 cnpm install xxx,速度会快很多
  • 安装 vue 脚手架
    • cnpm install vue-cli -g
  •  安装webpack
    • cnpm install webpack -g
 
二、构建项目
  • vue 和 webpack 的结合
  • vue init webpack project (project 为项目名称)
  • 启动项目
    •  cnpm install  (安装依赖包,一般安装则用cnpm, 会比较快)
    •  npm run dev  (启动项目)
    •  npm run build  (打包项目)
  • 项目框架
                
        技术分享图片
  • 安装less
    • 安装less依赖   cnpm install less less-loader --save 
    • 修改webpack配置,在webpack.base.conf.js => module => rules     
      •   {
                 test: /\.less$/,
                 loader: "style-loader!css-loader!less-loader"
          }
 
      
 
做完以上基础架构的搭建,就可以开始进行项目编码了

vue项目环境安装

原文:https://www.cnblogs.com/canulook/p/9995849.html

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