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

vue项目环境安装

时间:2018-11-21 17:49:08      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:run   href   vue-cli   安装包   基础架构   conf   oba   pac   img   

一、环境安装
  • 安装 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项目环境安装

标签:run   href   vue-cli   安装包   基础架构   conf   oba   pac   img   

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

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