浅谈Vue项目搭建

hello!大家好,我是阿瑶儿。由于好久没用Vue了,我和大家一起复习一下vue的项目搭建;好了废话不多说,要开始啦!
首先,Vue是基于node,先安装node。

      node下载地址:http://nodejs.cn/download/    
      mac推荐下载最新稳定版,windows下载最新版
     下载完成后,打开命令行,输入npm -v 确认安装完成

接下来
~~命令行全局安装webpack + vue-cli
npm太慢的话,可以使用cnpm
cnpm安装命令(可忽略):

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

~~ 安装webpack + vue-cli

 npm install -g webpack vue-cli

项目构建----vue-cli搭建项目
· 初始化项目

  首先  打开cmd工具 cd /你的项目目录 例:cd f:/plugins
        vue init webpack vue-start

在这里插入图片描述
这里可以一路回车,然后项目就构建好了

? Project name vue-start //你的项目名称
? Project description A Vue.js project // 你的项目描述
? Author 阿瑶er // 作者的名称
? Vue build standalone // 这个直接选前者,毕竟是推荐
? Install vue-router? Yes // 是否安装vue-router 选是
? Use ESLint to lint your code? No // 是否使用eslint管理代码,个人项目不推荐,不然你还会想办法关掉它
? Setup unit tests with Karma + Mocha? No // 是否使用karma + mocha 否 因人而异吧,我基本不写测试代码
? Setup e2e tests with Nightwatch? No // 是否安装e2e测试 否

然后

  cd vue-start // 进入项目目录
  npm i //安装项目依赖
  npm run dev // 开始!

今天就先到这里啦,谢谢大家,白白啦;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值