零基础开始搭建VUE项目

在网上也有很多教程,如何搭建vue项目,但觉得还是记录一下自己搭建的安装全过程吧,略显粗略

一、安装

1、下载node.js,官网:https://nodejs.org/en/

2、cmd运行node -v出现版本号则安装成功。

      查看npm版本:npm -v

3、安装淘宝镜像(也可不安装,我没用过cnpm命令):npm install -g cnpm --registry=https://registry.npm.taobao.org

4、安装最新版本的vue-cli :          npm uninstall vue-cli -g

      vue -V   检查vue版本号

二、使用

1、打开终端,cd 切换到新建项目的文件夹中,新建项目

2、vue create 搭建新项目       //文件名 不支持驼峰(含大写字母)

如果没有配置保存过,则只有以下两个选项:

② default(babel,eslint):默认设置(直接enter)非常适合快速创建一个新项目的原型,没有带任何辅助功能的 npm包

③ Manually select features:自定义配置(按方向键 ↓)是我们所需要的面向生产的项目,提供可选功能的 npm 包

vue-router、vuex、scss

3、cd  搭建的新项目

4、运行:npm run serve

5、后面项目中可能需要安装插件:

    安装element-ui : npm i element-ui -S

在main.js中写入:

import ElementUI from 'element-ui'

Vue.use(ElementUI)

可以对照element-ui文档:http://element-cn.eleme.io/#/zh-CN/component/installation 在页面中使用

    安装axios : npm install  axios

import axios from 'axios'

import qs from 'qs'   

// 引入Qs,这个库是axios里面包含的,不需要再下载了

           vuex、axios、使用: https://www.cnblogs.com/GongYaLei/p/10159508.html

安装进一步参考来连接:https://www.cnblogs.com/coober/p/10875647.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值