前端环境的搭建
2019-05-31 本文已影响0人
過眼云烟
1,下载nodejs(相当于js运行环境安装) 选择LTS版本 在命令行里输入 node -v 显示版本成功(点击下一步,安装)
2, 通过npm root -g 可以找到全局仓库 node_modules,相当于maven仓库
3, 通过npm install jquery -g(下载全局jquery)
4, 全局下载 cd进入文档工程,npm install 下载package.json里所有的依赖(下载完成后会显示node_modules文件)
5, 淘宝NPM镜像 输入命令 npm install cnpm -g --registry=https://registry.npm.taobao,org(安装淘宝镜像)
cnpm -v 显示版本 (以后使用cnpm下载)
6, npm run dev 运行dev脚本 编译成浏览器运行的
7, 构建编译 npm run build 构建完后就直接可以打开 构建后会多以dist文件
8, webpack(打包工具)的安装 cnpm install webpack -g
webpack的命令工具安装 cnpm install webpack-cli -g
webpack -v (查看版本)
9, 安装css-loader(用于css打包)
cnpm install css-loader style-loader --save-dev --save-dev(开发阶段用,写入package.json)