美文网首页
Vue入门小知识点

Vue入门小知识点

作者: qhzq1987 | 来源:发表于2020-05-27 18:19 被阅读0次

自己本是做iOS开发,但无奈世道残酷,正借公司有几个小前端项目,上手Vue(有前端同事开发用这个),这几天折腾下来,自我感觉离开发项目还有一段更加艰辛的路要走......
我的学习途径主要是纸书(图书馆借的)、电子书、网络等,现将入门的工程新建做一个简单的总结。

1、命令创建项目

vue init webpack PROJECT_NAME

‘ PROJECT_NAME’是项目名称
但可能不少人没有注意‘ webpack’这个的来历,反正跟着教程走~其实这个是模板名称,并且这个模板名称也可以用命令查看

vue list
70924027-e706-471f-84b3-ff56bfd26b3d.png

注:有些结果中不包含‘pwa’,具体的模板解释可度娘!

2、安装依赖库

npm install /*别名:npm i*/

可能存在下载失败的情况,可配置淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org
或
npm config set registry https://registry.npm.taobao.org

配置完成后检验是否成功?

npm config get registry

3、运行、打包项目

npm run dev   /*运行*/
npm run build /*打包*/

在项目运行过程中,我们会遇到安装依赖库,如vue-cli等等,有些安装依赖参数是-g,而有些是--save,他们到底有什么区别?我做个简要说明。

npm i module_name -S /*即npm install module_name --save ,写入dependencies,发布到生产环境*/
npm i module_name -D /*即npm install module_name --save-dev,写入devDependencies,发布到开发环境*/
npm i module_name -g /*即global全局安装*/
npm i module_name    /*即本地安装(将安装包放在 ./node_modules目录下)*/
-D –save-dev
-S –save
-g global

结束!!!

相关文章

  • Vue入门小知识点

    自己本是做iOS开发,但无奈世道残酷,正借公司有几个小前端项目,上手Vue(有前端同事开发用这个),这几天折腾下来...

  • [vue]-No.03

    [2017.03.16] 安装vue:nmp install vue;在页面中引入vue.js: 入门小例子: ...

  • vue知识点以及vuex等demo链接----->新手请进

    收藏里一些关于vue and vuex好用的知识点以及vue的一些简单的demo链接,从入门到放弃,哈哈哈哈~希望...

  • Vue 入门到实战课程

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

  • 无标题文章

    综和复习本月知识点总结: 一:微信小程序 二:vue复习 三:js复习 四:新知识点 一:微信小程序知识点总结 开...

  • 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核心小知识点

    一. Vue核心小知识点 1、vue中 key 值的作用 key 的特殊属性主要用在 Vue的虚拟DOM算法,在新...

  • vue安装入门以及常见问题总结(从安装到路由,持续更新中)

    入门vue,以及常见的知识点总结 1 安装(安装环境需要在node环境下,如果没有安装node.js请到官网安装)...

网友评论

      本文标题:Vue入门小知识点

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