1.安装vue-cli

npm install --global vue-cli

vue的安装与使用

2.查看vue-cli的版本

vue -v

vue的安装与使用

3.查看vue的版本

vue的安装与使用

4.创建一个基于 webpack 模板的新项目

vue init webpack 项目名称

安装vue-resource插件(通过XMLHttpRequest或JSONP发起请求并处理响应 //get post请求):
npm install vue-resource --save

5.安装路由插件:
npm install vue-router --save
6.安装element-ui:
npm i element-ui -S
(安装好之后要记得在main.js中引入)
7.安装axios
npm install axios --save
8.安装Echarts
npm install echarts --save
9.如果想要终止终端(cmd)正在运行的命令,则ctrl +c
10.安装指定版本jquery
npm i [email protected]版本号
11.若项目中node_modules文件被删除,使用 npm install 即能把package.json中的dependencies中所有依赖项都下载回来

建议:在使用 npm install 包名 时后边都加上 - -save ,这样可以保存依赖项信息,可以在package.json中的dependencies中看到项目使用包的信息,可以像11那样解决问题。
 12.报错

@ ./src/main.js 4:0-24
@ multi ./build/dev-client ./src/main.js

error in ./src/components/HelloWorld.vue

Syntax Error: Unexpected token {


@ ./src/router/index.js 3:0-49
@ ./src/main.js
@ multi ./build/dev-client ./src/main

安装"vue-loader": "11.1.4",可解决

npm uninstall --save-dev vue-loader    //删除vue-loader

npm install --save-dev [email protected] //安装vue-loader

13.启动

npm run dev

14.修改端口号

vue的安装与使用

15.浏览器访问

localhost:8081

vue的安装与使用

相关文章: