Created
July 8, 2020 02:36
-
-
Save dreampuf/d783deb4a8434fbf82f2b4c8abed2c77 to your computer and use it in GitHub Desktop.
How to create a vuejs3 project
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
vue create PROJECT_NAME | |
# select features you need | |
cd PROJECT_NAME | |
vue add vue-next | |
rm src/shims-tsx.d.ts | |
sed -i '' 's/RouteConfig/RouteRecordRaw/g' src/router/index.ts # https://github.com/vuejs/vue-router-next/commit/fd49bbd085e9df7804994ea188f94384ac22e048 | |
patch -p1 <<'EOF' | |
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue | |
index dc773ba..01a7286 100644 | |
--- a/src/components/HelloWorld.vue | |
+++ b/src/components/HelloWorld.vue | |
@@ -34,9 +34,10 @@ | |
</template> | |
<script lang="ts"> | |
-import Vue from 'vue'; | |
+import { defineComponent } from 'vue'; | |
-export default Vue.extend({ | |
+ | |
+export default defineComponent({ | |
name: 'HelloWorld', | |
props: { | |
msg: String, | |
EOF | |
yarn serve |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment