美文网首页
安装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,以及其他配置

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