新建一个vue项目[通俗易懂]

全栈程序员-站长 • 2022年8月18日下午7:46 • 未分类 • 阅读 6

新建一个vue项目[通俗易懂]1.npm install -g vue-cli2.vue init webpack demo1demo1自定义项目名称创建成功后可以在目录下看到文件夹3.static文件夹用于存放一些静态资源，如图片图标等4. 组件存放在src/components文件夹中5.配置路由 ①package.json里查看”dependencies”是否有:”vue-router”: “^3.0.1″，没有就加上去 ②”src”目录下main.js是否引入路由，没有就加上 …

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

1.npm install -g vue-cli

2.vue init webpack demo1

demo1自定义项目名称

创建成功后可以在目录下看到文件夹

新建一个vue项目[通俗易懂]

3.static文件夹用于存放一些静态资源，如图片图标等

新建一个vue项目[通俗易懂]

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://localhost:8080

新建一个vue项目[通俗易懂]

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

赞 (0)

全栈程序员-站长

0 0

matlab fmincon优化,matlab fmincon优化问题[通俗易懂]

matlab fmincon优化,matlab fmincon优化问题[通俗易懂]程序出现如下问题，—options.MaxFunEvals=400(thedefaultvalue).论文时间紧张，有时间的同学可以看一下吗？谢谢x0=[100;100;100;100];A=[];b=[];Aeq=[1,1,1,1];beq=[2000];VLB=[300;400;0;0];VUB=[600;1000;500;500];[x,fval]…

全栈程序员-站长
2022年6月9日
27
父子组建传值_详解Vue之父子组件传值

父子组建传值_详解Vue之父子组件传值一、简要介绍父子组件之间的传值主要有三种：传递数值、传递方法、传递对象，主要是靠子组件的props属性来接收传值，下面分别介绍：(一)传递数值1.子组件：Header.vue{{msg}}exportdefault{data(){return{}},methods:{},//接收父类的传值props:[‘msg’]}可以看到，在子组件中的data对象里并没有msg属性，这里调…

全栈程序员-站长
2022年5月17日
57
awk数组统计

awk数组统计处理以下文件内容,将域名取出并根据域名进行计数排序处理:(百度和sohu面试题)1http://www.etiantian.org/index.html2http://www.etiantian.org/1.html3http://post.etiantian.org/index.html4http://mp3.etiantian.org/index.html…

全栈程序员-站长
2022年7月19日
18
已知两个空间向量求夹角_matlab求两向量夹角的余弦

已知两个空间向量求夹角_matlab求两向量夹角的余弦原点O[0,0,0]OA=[1,1,0];OB=[1,0,0];sigma=acos(dot(OA,OB)/(norm(OA)norm(OB)));%弧度制sigma/pi180%换算成角度

全栈程序员-站长
2022年10月9日
2
硬件基础知识（6）—电容分类[通俗易懂]

硬件基础知识（6）—电容分类[通俗易懂]智能硬件和物联网产品上，工作电压不高，其常用的电容根据不同的工艺，主要分为陶瓷电容、电解电容和钽电容。↑陶瓷电容的结构图↑电解电容的结构图不管是什么电容，都是两组金属片夹着一层介质。陶瓷电容把金属片交错摆放，电解电容把金属片卷成柱状。↑片状陶瓷电容↑贴片陶瓷电容陶瓷电容，MultilayerCeramicCapacitor（MLCC），陶瓷电容的电介质是陶瓷，所以叫做陶瓷电容。陶瓷电容容值小、…

全栈程序员-站长
2022年8月22日
6
查看sqlite_sqlite数据库手机版

查看sqlite_sqlite数据库手机版这是什么用于SQLite的数据库浏览器（DB4S）是一种高质量，可视化的开源工具，用于创建，设计和编辑与SQLite兼容的数据库文件。DB4S适用于想要创建，搜索和编辑数据库的用户和开发人员。DB4S使用熟悉的类似电子表格的界面，并且不必学习复杂的SQL命令。控件和向导可供用户使用：创建并压缩数据库文件创建，定义，修改和删除表创建，定义和删除索引浏览，编辑，添加和删除记录搜索记录导入和导出记录为文本从CSV文件导入和导出表格从/到SQL转储文件导入和导出数据库

全栈程序员-站长
2022年9月8日
2

发表回复

关注全栈程序员社区公众号