Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
1.npm install -g vue-cli
2.vue init webpack demo1
demo1自定义项目名称
创建成功后可以在目录下看到文件夹
![新建一个vue项目[通俗易懂]](http://qn.javajgs.com/20220818/6f2b2a88-9ad4-4ebc-8238-3878ed8a8bea202208183192fc2e-9dfa-4787-9c4d-426f838766f01.jpg)
![新建一个vue项目[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg)
3.static文件夹用于存放一些静态资源，如图片图标等
![新建一个vue项目[通俗易懂]](http://qn.javajgs.com/20220818/5f296b5c-2461-4ffe-90ce-38353c223c64202208186f3156c8-541c-4a14-8f78-7d41ba37ddf11.jpg)
4. 组件存放在src/components文件夹中
5.配置路由
①package.json里查看”dependencies”是否有: “vue-router”: “^3.0.1″，没有就加上去
②”src”目录下main.js是否引入路由，没有就加上 import router from ‘./router’
③”src”文件夹下router文件夹中index.js中配置路由
path中填具体路径
component中填跳转页面的位置
6.
cd demo1
npm run dev
run对应的是package.json文件中，scripts字段中的dev，是 node build/dev-server.js命令的一个快捷方式
![新建一个vue项目[通俗易懂]](http://qn.javajgs.com/20220818/8fb04102-8ce3-498a-a62b-a7f0b723bea920220818179b0153-4085-4226-8c5f-5da14ab70b0c1.jpg)
![新建一个vue项目[通俗易懂]](http://qn.javajgs.com/20220818/8380bd43-8b6e-437c-a6e0-e2856eb50af520220818c3ce123b-7557-4ada-835a-0e0e4b2505571.jpg)
7.
安装其他插件 ajax，css
ajax使用axios
npm install axios –save
css使用sass
npm install sass node-sass sass-loader –save-dev
8.代理配置在config / index.js文件中
在proxyTable{}内添加
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/171078.html原文链接：https://javaforall.net
