引用:https://www.cnblogs.com/yshang/p/11238513.html

1. 先安装node.js

使用node -v 

npm -v

查看是否安装成功

2.

注册cnpm来代替npm
  使用命令:npm install cnpm -g --registry=https://registry.npm.taobao.org

  如果你发现你安装成功了,使用cnpm却发现找不到命令,那么就是你的环境变量有问题,在环境变量里面的path添加你node的安装路径就行,比如";C:\Program Files\nodejs\node_modules"

3、安装vue脚手架vue-cli
  命令:npm install -g vue-cli

  安装成功后可以用 vue -V 查看vue版本

4. 在github(https://github.com/vuejs-templates)上下载模板webpack-develop
5. cd到对应的目录下初始化vue项目
  命令:vue init webpack-develop my-project
      Project name 项目名 
      Project description 项目名描述 
      Author 作者邮箱 
      Use ESLint to lint your code? 是否需要ESlist语法检查 
      Setup unit tests with Karma + Mocha? 是否需要单元测试 
      Setup e2e tests with Nightwatch? Yes是否需要e2e测试 

6.引入jquery:

npm install jquery --save

修改build下的webpack.base.conf.js文件如下:

vue相关

修改main.js如下:

vue相关

7.引入axios

npm install axios --save

修改main.js如下:

vue相关

修改config文件夹下的index.js文件如下:

vue相关

调用:

vue相关

 

 

 

 

 

相关文章:

  • 2021-12-25
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-04
  • 2021-12-09
  • 2021-11-01
  • 2021-06-29
猜你喜欢
  • 2022-12-23
  • 2022-02-08
  • 2021-12-02
  • 2021-12-12
相关资源
相似解决方案