自己本是做iOS开发,但无奈世道残酷,正借公司有几个小前端项目,上手Vue(有前端同事开发用这个),这几天折腾下来,自我感觉离开发项目还有一段更加艰辛的路要走......
我的学习途径主要是纸书(图书馆借的)、电子书、网络等,现将入门的工程新建做一个简单的总结。
1、命令创建项目
vue init webpack PROJECT_NAME
‘ PROJECT_NAME’是项目名称
但可能不少人没有注意‘ webpack’这个的来历,反正跟着教程走~其实这个是模板名称,并且这个模板名称也可以用命令查看
vue list
![](https://img.haomeiwen.com/i15034606/5c26b0fe1fc4e13d.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
结束!!!
网友评论