1.安装vue-cli
npm install --global vue-cli
2.查看vue-cli的版本
vue -v
3.查看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.修改端口号
15.浏览器访问
localhost:8081