Vue入门小知识点

自己本是做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

结束！！！