vue入门

作者: 小石头糖糖 | 来源:发表于2018-01-31 19:29 被阅读0次

1、淘宝镜像 npm install -g cnpm --registry='https://registry.npm.taobao.org'
cnpm -v 检查是否安装成功;
2、安装Webpack:npm install webpack -g;
3、安装脚手架:npm install vue-cli -g;
4、创建项目:基于webpack模板:vue init webpack ‘项目名称’;

vscode必备插件:
1、vetur
2、vue-vscode-snippets
3、debugger for chrome (F5开始调试):
s1: 默认配置找不到,需修改launch.json;
(webRoot改为"${workspaceFolder}/wwwroot")
s2: 运行http-server启动;(安装通过npm i http-server -g)
s3: F5开始调试, 或浏览器中打开localhost:8080;
(与launch.json中url一致)

vue-cli安装:
S1: npm install vue
S2: npm install -g @vue/cli-service-global
S3: 可以通过vue serve xx.vue启动服务并运行
S4: 创建项目:vue create my-project

相关文章

  • Vue 入门到实战课程

    Vue 入门到实战课程 说明 课程 VueCli3.0-小白入门 Vue2.0 小白入门教程 Vue 项目实战 在...

  • VUE系列教程目录

    VUE系列教程目录 vue入门之路篇系列教程: vue最简单的入门教程+实战+Vue2+VueRouter2+we...

  • VUE系列教程目录

    VUE系列教程目录 vue入门之路篇系列教程:vue最简单的入门教程+实战+Vue2+VueRouter2+web...

  • 01vue-安装vue

    资源 1.Vue.js2.0从入门到放弃---入门实例(一)2.Vue.js入门学习(一)3.Vue官方中文Api...

  • Vue.js状态管理工具Vuex快速上手

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • Vue2简单入门

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • Vue.js再入门

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • Vue.js使用vue-router构建单页应用

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • vue基础入门

    vue基础入门

  • 【前端全栈】1.从入门到工作

    2020年大热的前端技术:Vue3/TS/Flutter 1、分阶段: 先导(JS入门、Vue入门等) 入门阶段(...

网友评论

      本文标题:vue入门

      本文链接:https://www.haomeiwen.com/subject/aetsnxtx.html