vue脚手架

快速构建一个项目(流行的做法:采用前后端分离的方式进行web架构)

完整的前端环境搭建有更高的要求有:预编译模版,合并压缩资源,模拟生产环境,注入依赖   等等一系列

这些vue-cli都可以实现

协助,配合,帮助我们来构筑一个项目

相比人工:高效,安全。

//vue-cli

平台无关 功能齐全

内存占用少

代码部署(帮我们写好基础代码工具),热更新 高效。

项目构建必不可少(无论是基础的,还是web架构)

cli3项目管理。测试。定制开发 


等等

前端:页面的开发,修饰,美化,页面的基本元素

后端:页面的变量共享,页面跳转(为页面更好服务的)

配置node环境的时候要设置环境变量

第一步:复制node安装的地址

第二部找到系统属性中的环境变量

第三部:找到path变量名  变量地址  把node安装地址复制到最前面,用分号隔开

常用dos命令(适用window)

cd 打开文件夹(mac)

cd .. 返回上一级(mac)

md 创建文件夹

dir 查看文件夹内容

npm和cnpm区别

npm是node。js的包管理器。用于node插件管理(安装,卸载,管理依赖)

cnpm  npm插件安装是从国外服务器下载 受网络影响 这个是淘宝分享

-g 参数(可以放在最后面)

全局安装 global

npm root -g查看全局安装的文件夹位置(mac)

npm config set registry  http//taobao 

//npm下载地址设置为cnpm

cls清屏(window)

-S -D参数

-S  --save 安装包信息将加入到dependencies(生产阶段的依赖) 用于项目发布

-D --save-dev 安装包信息将加入到devDepend(开发)【开发阶段用这个】webpak 运行的时候用不到 可以放在这里

i 是install缩写

npm init 本地安装的初始化配置文件(当本地安装失败)

建议都全局安装,有利于我们以后发布到生产环境

vue -V  vue查看版本

卸载 安装前面加上un

npm uninstall a --save

引入别的vue项目

npm i  / npm run dev

posted @ 2020-02-25 08:53  容忍君  阅读(263)  评论(0)    收藏  举报