1、安装node.js;
2、node -v 查看nodejs是否安装成功
npm -v 查看npm是否安装成功
3、配置环境变量:系统变量path新增nodejs的安装路径
4、cli常用的dos命令
cd 打开文件夹
md 创建新文件夹
dir 查看文件夹内容
cd.. 返回上一级文件夹
cls 清理dos屏幕
5、npm与cnpm的区别:
npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
cnpm:淘宝npm,是使用国内镜像来代替国外服务器
cnpm安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v 查看cnpm是否安装成功
6、-g参数:
全局安装(global),可以在命令行下直接使用
可以通过npm root -g查看全局安装的文件夹位置
-S,--save 安装包信息将加入到dependencies(生产阶段的依赖)
-D,--save--dev 安装包信息将加入到devDependencies(开发阶段的依赖)
i,install的缩写(注意:前面没有“-”)
7、vue-cli安装:
npm install -g vue-cli
cnpm install -g vue-cli
vue -V 查看vue是否安装成功
8、手动指定从哪个镜像服务器获取资源
npm install -gd express --registry=https://registry.npm.taobao.org
避免每次安装都需要--registry参数,可以使用如下命令进行永久设置
npm config set registry http://registry.npm.taobao.org
9、npm root -g 用于查看全局安装的位置
10、npm init -f 配置文件初始化
11、创建vue-cli项目:
1)、vue init webpack(模板) projectName(项目名称)
2)、Install vue-router?
3)、Use ESLint to lint your code?
4)、choose npm or yarn 命令
5)、创建过程中如果一直某个环节卡的时间有点长,可以中断此次创建,然后重新创建
12、#是特殊符号,很多场合不满足
hash模式:地址栏包含#符号,#以后的不被后台获取
history模式:具有对url历史记录进行修改的功能
13、安装eslint: npm install eslint --save-dev
卸载eslint:npm uninstall eslint --save-dev