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

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

新建一个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

idea

navcat 15 激活码[在线序列号]「建议收藏」

navcat 15 激活码[在线序列号]，https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧！

全栈程序员-站长
2022年3月18日
47
千兆以太网技术原理图_以太网和千兆口区别

千兆以太网技术原理图_以太网和千兆口区别　　1.1早期以太网技术　　以太网：IEEE802.3定义了10Mbps的以太网标准，采用载波监听和冲突检测(CSMA/CD)协议，以半双工方式运行。从80年代末开始以太网取得了巨大的成功。10BaseT是运行在3类或更高类别的双绞线上的以太网，10Base2/5是运行在同轴电缆上的以太网，10BaseFL是运行在光纤上的以太网。由于冲突检测的协议要求一个512…

全栈程序员-站长
2022年10月28日
0
流量分析入门

流量分析入门前言个人一直对流量分析…正好看到了一些相关书籍资料，自己向前辈师傅们学习以后整理一些资料来总结一下互联网五层模型在计算机网络这门课中介绍了OSI模型及互联网五层模型：在我们使用抓包软件进行流量分析的时候，抓到的包往往含有数据链路层、网络层、传输层，应用层四个部分，其中一部分在传递到不同层面的时候会被丢弃。我们的wireshark抓的包工作在数据链路层，而burpsuite抓的http包则工作在应用层wireshark的用法打开wireshark，可以看到这是我们的一些接口，我现在用的是Wif

全栈程序员-站长
2022年5月1日
34
Python-爬取HTML网页数据

Python-爬取HTML网页数据Python-爬取HTML网页数据软件环境Mac10.13.1(17B1003)Python2.7.10VSCode1.18.1摘要本文是练手Demo，主要是使用BeautifulSoup来爬取网页数据。BeautifulSoup介绍BeautifulSoup提供一些简单的、python式的用来处理导航、搜索、修改分析树等功能。BeautifulSoup官方

全栈程序员-站长
2022年9月2日
3
SpringBoot事务详解

SpringBoot事务详解一、定义事务(transaction)是指业务逻辑上对数据库进行的一系列持久化操作，要么全部成功，要么全部失败。二、特性和实现 1、事务的四个基本性质(ACID) 1）原子性(Atomicity) 事务的原子性指事务是一个不可分割的工作单位，这组操作要么全部执行，要么全部不发生。就拿银行转账来说，原子性指的是从A账户…

全栈程序员-站长
2022年6月12日
72
pycharm设置背景色及字体_pycharm字体大小设置不了

pycharm设置背景色及字体_pycharm字体大小设置不了1、首先在pycharm打开FILE，点击seting2、点击Editor，再点击Font可以设置字体大小；点击ColorScheme可以设置背景色。3、字体设置：点击Font可以选择不同字体，点击Size可以调节字体大小，右侧可以看预览效果，最后点击ok即可。4、背景色设置：先点击ColorSchemeFont，Scheme可以选择不同的背景，下面框框里是预览效果，最后点击Ok即可。…

全栈程序员-站长
2022年8月29日
0

发表回复

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