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"