脚手架

ERROR Failed to compile with 1 errors Failed to resolve loader: stylus-loader You may need to install it. 在项目目录下输入 npm install -save-dev stylus-loader //将模块安装到项目目录下，并在package文件的devDependencies节点写入依 照理来说应该是好了，但是还是有问题 ERROR Failed to compile with 1 errors error in ./src/components/testContainer.vue?vue&type=style&index=0&id=6ca73acf&lang=stylus&scoped=true Module build failed (from ./node_modules/stylus-loader/index.js): Error: Cannot find module 'stylus' 可以看到Error后又要让我们安装一个‘stylus’ npm install -save-dev stylus 这次主要如何看错误 来源：博客园 作者： Xuhua123 链接：https://www.cnblogs.com/xuhua123/p/11489758.html

一、脚手架（vue-cli） 　　（一）什么是脚手架 　　　　概念：是一种用于快速开发Vue项目的系统架构 　　　　优点：能够帮助咱们快速的开发项目 　　　　缺点：由于脚手架适用于各种项目的开发，而不是单独的针对某一项目单独研发的，会出现代码冗余 　　（二）脚手架的使用： 　　　　1、安装脚手架 vue-cli 　　　　　　全局安装打开cmd运行：cnpm install -g @vue/cli 　　　　2、查看当前版本号： 　　　　　　vue -V 　　　　3、创建项目： 　　　　　　根目录下打开cmd运行：vue create objectname项目名称（名称不能有大写） 　　　　　　 　　　　4、安装： 　　　　　　 　　　　　　1）是否手动安装： 　　　　　　　　a、default默认安装： 　　　　　　　　b、manually手动安装： 　　　　　　　　 　　　　　　　　　注：空格键控制选中 　　　　　　2）是否在路由当中给予默认的history（hash哈希模式）模式 　　　　　　　　 　　　　　　 　　　　　　3）是否将配置单独放到一个文件，还是放到package.json文件里 　　　　　　　　 　　　　　　4）是否将此次设置保存并设置保存的名称 　　　　　　　　 　　　　　　基本配置完成 　　　　　　　　 　　　　5、cd objectname 　　　　　　cd

创建一个 todolist 项目，下图是其工程目录。 node_modules文件夹 里面存放的是我们所建项目放所依赖的第三方的包 public文件夹 favicon.ico　　 图标文件，网页标题左上角的小图标 index.html 项目首页的HTML模板 manifest.json manifest.json 是配合PWA 使用的文件。 整个程序的入口文件，也就是整个项目从index.js 里面开始逐行执行 registerServiceWorker 为用户在本地创建一个 service worker App.test.js 自动化的测试文件 项目文件依赖安装包的版本号 README.md 项目的说明文件 package.json 每个脚手架工具里面都有一个package.json文件，表示脚手架工具其实是一个node包工具，有一些项目介绍，依赖的包等

一、vue-cli脚手架的搭建步骤 首先，确定你的电脑上已经安装了nodejs，可以使用npm包管理器安装环境 1） 打开cmd命令窗口，切换到你要新建项目的文件夹下，此时可使用 node -v 检查node的版本，如果出现版本号则node已安装。 2） 使用以下命令全局安装vue-cli npm install -g cnpm --registry=https://registry.npm.taobao.org vue init webpack vue-demo 文章来源: https://blog.csdn.net/u010651696/article/details/88850681

1、 在idea新建一个Static Web项目 2、 在新建的项目下打开cmd 3、 输入安装脚手架命令：npm install -g vue-cli 5、 Vue-cli创建webpack项目：vue init webpack 6、之后如下图操作 7、项目创建成功 8、项目结构 文章来源: https://www.cnblogs.com/wanghj-15/p/11370948.html

安装loader yarn add sass-loader node-sass --save-dev 配置文件 找到 node_modules/react-scripts/config/webpack.config.dev.js和webpack.config.prod.js文件 新增标记处（webpack.config.dev.js和webpack.config.prod.js配置相同） 文章来源: create-react-app脚手架react项目scss配置

1. 搭建node.js的环境 　　见： https://blog.csdn.net/wjnf012/article/details/80422313 2. 搭建vue的开发环境 2.1 安装Vue脚手架 　　第一步完成以后，打开cmd， 　　输入命令： npm install -g @vue/cli 或者 cnpm install -g @vue/cli 　　即可安装vue脚手架。官网： https://cli.vuejs.org/guide/installation.html 2.2 创建项目 注意：必须 cd 到对应的一个项目里面 　　运行命令：vue create 项目名 即可创建项目 来源： https://www.cnblogs.com/hebing0415/p/11753646.html

Vue 安装 vue-cli /webpack 全局安装 如果在意安装速度，可以使用淘宝镜像来安装 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完淘宝镜像后，就可以使用cnpm 来代替 npm 安装工具啦 我个人比较喜欢直接使用npm 安装： 全局webpack： npm install webpack -g vue脚手架vue-cli： npm install vue-cli -g 安装webpack 版vue 项目 在指定的目录中打开命令窗口（编辑器中自带的命令窗口也可以） vue init webpack myvuedemo Project name (回车默认) Project description (A Vue.js project) 回车默认 （也可以输入自己的描述） Author 回车默认（自己的名字） Vue build 默认选择 Runtime+Compiler Install vue-router?Y 安装 Use ESLint to lint your code? Y (推荐使用，保持良好的代码编写规范) pick an eslint preset. 默认 Standard set up unit tests ？ n (unit 测试，不需要) setup

（1）安装 npm install -g @vue/cli （2）创建项目 vue create 项目名称 vue create hello-world 来源： https://www.cnblogs.com/zhaodz/p/11715885.html

下载脚手架 npm i react create-react-app //下载安装脚手架 create-react-app pro_nmae //创建一个react项目 尽量不要使用大写，因为在Linux下是严格区分大小写的， 来源： https://www.cnblogs.com/wrhbk/p/11715106.html