如何创建vue。js3应用程序使用typescript/vue路由器/vuex/但不使用vue cli
我的任务是创建一个支持typescript的vue3应用程序，我还必须使用vuex进行状态管理，使用vue路由器进行基本路由。但我无法在此项目中使用vue cli
我目前的代码：
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/vue-router@4"></script>
<script src="https://unpkg.com/vuex@3.6.2/dist/vuex.js"></script>
</head>
由于我从未在vue项目中使用过typescript
您能否向我推荐一些博客、教程，其中有人使用这些工具从头开始构建vue3应用程序，但没有vue cli？
全速行驶：
在VueJS 3.0框架上使用TypeScript编写登录表单。您还应该使用Vuex（状态管理）存储数据并对其进行操作，例如从服务器记录、读取和检索数据。@项目中不应使用Vue/cli。你必须自己运行项目中的网页包。
这对我来说非常重要。
提前感谢
共有1个答案
如果不能使用Vue CLI，则必须手动安装依赖项。
为了简单起见，您可以使用packet作为绑定器。
这样，您就不必处理配置网页包的问题。
首先确保Typescript是全局安装的。
接下来，配置您的包。json如下所示：
{
"name": "project name",
"version": "1.0.0",
"description": "",
"main": "index.js",
"keywords": [],
"author": "",
"license": "ISC",
"scripts": {
"clean": "rm dist/bundle.js",
"start": "parcel src/index.html",
"build-prod": "parcel build src/index.html"
},
"dependencies": {
"vue@next": "^2.6.12",
"vuex": "2.0.0",
"vue-router": "2.0.0"
},
"devDependencies": {
"parcel-bundler": "^1.12.5"
}
}
这包括Vue3、Vuex、Vue路由器和包裹的依赖关系，以及包裹的一些设置脚本。
执行\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
接下来确保你有一个应用程序。vue，索引。html和索引。ts位于根src/目录中。
最后，在根目录下创建以下文件：
vue.shim.d.ts
declare module "*.vue" {
import Vue from 'vue'
export default Vue
}
tsconfig.json
{
"compilerOptions": {
"outDir": "./dist/",
"sourceMap": true,
"strict": true,
"noImplicitReturns": true,
"noImplicitAny": true,
"module": "es6",
"moduleResolution": "node",
"target": "es5",
"allowJs": true,
},
"include": [
"./src/**/*"
]
}
看看这个很棒的网站：https://createapp.dev/parcel
它允许您在不使用Vue CLI的情况下配置生成并实现所需的功能。
您可以生成一个带有Vue和打标稿的项目，下载它，然后根据需要添加Vue路由器和Vuex。
-
我有一个带有SSR、Vue Cli、Vuex和Typescript的Vue3项目。 在路由器页面中，我需要将数据提交到Vuex存储。在一个。vue文件我只是使用这个$在vuex中键入的存储。d、 例如： 但是如何从没有this或vue实例的ts文件（router/index.ts）中执行此操作呢。 我尝试导入存储索引文件并提交： 但我犯了个错误 类型“”上不存在属性“提交”（）= 存储文件（因为我
-
我尝试在vuex的操作中使用vue路由器，这在本地主机上运行良好。 然而，当我试图通过从存储文件导入操作来准备存储（模拟）时，我得到了错误。 你能帮我解决这个问题吗？ 版本 错误msg app/src/main。js app/src/store/main。js 应用程序/src/路由器/main.js 应用程序/测试/组件/主。测验js 组件
-
使用 Vuex 和 vue-router 使用 Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理工具库，可以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 由于在 Vuex 本身就是平台无关的，有较强的移植能力，完全可以在 Weex 中正常地使用 Vuex。 Vuex 也
-
从“Vue”导入Vue从“Vuex”导入Vuex从“Vue路由器”导入VueRouter从“es6promise/自动” 我尝试使用路由器，但它给出以下错误： 我创建了我的项目vue cli，然后用npm-I安装了vue路由器，为什么不这样做，或者应该使用cli命令添加？ 以下是我的版本：
-
由于以下错误（npm 3.10.10，webpack 3.8.1），我无法使用vue routes get。如何解决这个问题 编译失败。 ./node_modules/babel loader/lib/node_modules/vue loader/lib/selector.js？type=script 我使用简单的网页包 Quotes.vue Quote.vue new-quote.vue Ap