NodeJs、VueJs入坑

NodeJs、VueJs入坑

Windows安装使用：

1.官网下载安装
2.在D盘新建Node文件夹，并在其下面新建两个文件夹node_cache、node_global，然后在node_global文件夹下面新建文件夹node_modules
3.设置全局安装目录，打开cmd,执行命令：（对应上面创建文件夹的路径）
    npm config set prefix "D:\work\Node\node_global"
    npm config set cache "D:\work\Node\node_cache"
4.添加环境变量：
    NODE_PATH:D:\work\Node\node_global\node_modules
5.修改环境变量path:
    将后缀为npm的修改为:D:\work\Node\node_global
6.安装测试一下：
    npm install express -g
END.会在node_cache、node_global\node_modules下面发现新出现的文件

NodeJs常用配置或者命令：

1.查看所有配置
npm config ls -l
2.配置淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
或者
npm config set registry "https://registry.npm.taobao.org"
3.设置全局安装目录：（安装程序的时候添加‘-g’参数）
npm config set prefix "D:\work\Node\node_global"
npm config set cache "D:\work\Node\node_cache"

配置Vue环境

1.安装webpack
npm install webpack -g
2.安装vue-cli脚手架工具
npm install -g @vue/cli
# OR
yarn global add @vue/cli
END.执行命令vue ui可以在图形化界面创建和管理vue项目

Eslint使用airbnb版本

解决Windos开发中Eslint报错提示问题以及VSCode格式化的时候自动转换单引号为双引号

1.修改文件.eslintrc.js,在rules中添加如下内容：
// 允许windows开发环境
"linebreak-style": [0 ,"error", "windows"], 
2.安装prettier
npm install --global prettier
3.在项目根目录下新建文件.prettierrc.json,文件内容如下
{
  "singleQuote":true,
  "semi":true
}
4.修改VScode配置：设置->应用程序->代理服务器->在setttings.json中编辑，修改配置。（也叫配置离线模式）
"http.proxyAuthorization": "false"