美文网首页
安装Vue,以及其他配置

安装Vue,以及其他配置

作者: 小睿同学 | 来源:发表于2019-07-11 10:26 被阅读0次

1、安装node.js,安装完node.js之后,npm也会自动安装
查询是否安装成功的命令:
node -v
npm -v
2、全局安装脚手架工具vue-cli,命令如下:
npm install --global vue-cli
3、vue项目初始化命令如下,若没有安装webpack,则先安装webpack
npm install -g webpack
vue init webpack myVue
注:安装过程 中有个选项(Use ESLint to line your code ?选择 No )
4、进入到myVue目录下,使用npm install 安装package.json包中的依赖
命令如下:
cd myVue
npm install
5、运行项目:
npm run dev
在浏览器上输入网址:localhost:8080(端口号可能不同,以实际情况为准),将会出现vue初始页面
6、结束项目运行:
ctrl+c,选择Y即可停止项目的运行

安装element:

1、 npm i element-ui –S
2、在main.js中引入elementui (main.js是入口文件,所以在这里引入就行,页面就不用引入了)

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

安装axios

1、npm install axios --save
2、在main.js中引入axios

import axios from 'axios';
Vue.prototype.$axios = axios;

安装qs

1、npm install qs -S
2、在main.js中引入qs

import qs from 'qs';
Vue.prototype.$qs = qs

相关文章

  • 安装Vue,以及其他配置

    1、安装node.js,安装完node.js之后,npm也会自动安装查询是否安装成功的命令:node -vnpm ...

  • 安装yarn

    安装完node之后,安装yarn 再安装一个@vue/cli(必须安装,或者安装其他) 在配置环境变量以我个人为例...

  • vue+iview搭建项目

    1、安装配置vue 前提是已经安装并配置好node和npm环境,先搭建vue脚手架 vue-cli # 全局安装 ...

  • 开发速记-typescript篇: vue集成

    安装nix并配置channel: 安装yarn 安装vue 创建vue项目 emacs 编辑项目 启动vue项目

  • typescript for Vue

    安装ts依赖添加ts配置配置webpack改造.vue改造Vue-router 安装ts依赖 npm instal...

  • Anaconda的安装以及PyCharm中的配置

    本文是基于Windows系统的,Linux以及其他系统请参考其他文章哦~安装以及配置遇到的问题以及常用命令在文末给...

  • vue-cli4配置webpack-bundle-analyze

    安装 vue.config.js配置

  • vue-resource 配置

    安装 直接使用npm命令安装: 使用 在vue的入口文件中调用vue-resource: 配置 使用全局配置默认值...

  • 快速搭建vue项目

    安装vue CLInpm install -g @vue/cli 使用vue ui 配置项目命令:vue ui启动...

  • Vscode配置eslint

    用到的插件 Eslint 需要全局安装 eslint Vetur 提供vue的语法支持,以及格式化 配置文件

网友评论

      本文标题:安装Vue,以及其他配置

      本文链接:https://www.haomeiwen.com/subject/rwhrkctx.html